* {
    margin: 0;
    padding: 0;
}
body
{padding:0%;
    margin: 0%;
    background-color: #F5F5FD;
}

header {
background-color: #4444DD;
}

header h1 {
    font-family: "Reenie Beanie";
    text-align: center;
    font-size: 300%;
    padding-bottom: 1%;
    padding-top: 2%;
    color: #9C9CED;

}
header h2 {
    font-family: "Reenie Beanie";
    text-align: center;
    color: #0C0C35;
    font-weight: bold;
    font-size: 200%;
    padding-bottom: 2%;
}

.smart-button-container {
    margin-top: 3%;
    text-align: center;
}

.beans {
    width: 30%;
    margin: 0%;
    margin-top: 2%;
    margin-left: 34%;
    padding: 0px;
    border-radius:3%;
}

.price {
    text-align: center;
    margin-bottom: 3%;
    color: #312371;
}



.pay {
    text-align: center;
}

header nav {
text-align: center;
}

header nav div {
    display:inline-block;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 1%;
    
}

header nav div a {
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 19pt;
    font-family: "Oswald";

}



.rick_roll {
    text-align: center;
    padding-top: 10%;
}
.rick_roll a {
    text-decoration: none;
    color: #312371;
    font-family: "Oswald";
    font-size: 200%;
}

.gmail {
    text-align: center;
    padding-top: 3%;
}

.gmail a {
    text-decoration: none;
    color: black;
    font-size: 300%;
    font-family: "Oswald";
}

.promo {
    text-align: center;
    padding-top: 5%;
    color: #0C0C35;
    font-family: "Oswald";
}

.manybeans {
    text-align: center;
    padding-top: 4%;
}

.spot {
    text-align: center;
}