#card {
  margin: auto;
  margin-top: 3%;
  width: 50%;
}
select::-ms-expand {
display: none;
}


body {
background-color: black;
}

#charge_button{
color: black;
background-color: white;
font-size: .875rem;
line-height: .5;
border-radius: .2rem;
float: right;
margin-right: 3%;
margin-top: 1%;
}
#badges {
margin: auto;
}

#image {
margin-right: 1%;
}

#author, #signout {
text-decoration: none;
color: white;
}

#signout {
display: none;
float: left;
}

#product_price {
float: right;
}

fieldset {
background-color: #ececec;
}

#error-message {
color: red;
height: 2em;
font-size: 12px;
margin: auto;
margin-top: 2%;
width: 50%;
}

#author {
font-size: 12px;
float: right;
}

#card-element, #product_description {
font-size: 13px;
width: 100%;
}

ul li{
font-size:13px;
}

.loader {
margin: auto;
border: 2px solid #f3f3f3;
border-radius: 50%;
border-top: 2px solid grey;
width: 10px;
height: 10px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}

#payments {
  text-align: center;
}

span {
  font-size: 12px;
  color:#979a9a;
  text-align: center;
}

legend {
float: left;
width: 100%;
text-align: center;
font-size: 13px;
color: #8898aa;
padding: 3px 10px 7px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}