html, body{
    color: rgb(122, 122, 122);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #F0C040;
}

a, a:hover{
    color: #F0C040;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active{
    background: rgb(240, 193, 22);
    border: none;
}

.container{
    padding-top: 1rem;
}

.small{
    font-size: .7em;
}

footer{
    display: flex;
}

footer a{
    margin-right: 2rem;
}

.credit-card {
    border: 1px solid #00ED62;
    padding: 1rem;
    background: #B5EECD;
    border-radius: 10px;
    display: flex;
}

.credit-card > div{
    width: 50%;
    box-sizing: border-box;
    padding: 1rem;
}

.credit-card .logos {
    padding: 1rem 0;
}

#card-element{
    padding: 0.575rem .75rem;
}