body {
    background-color: #fefae0;
    color: #333;
}
.hero {
    color: #000000;
    background-color: #ffcc00;
    text-align: center;
    padding: 80px 20px;
    background-image: url(/images/Background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.hero img {
    max-width: 200px;
    margin-bottom: 20px;
}
.btn-primary {
    background-color: #28a745;
    border-color: #28a745;
    font-family: 'Bangers', cursive;
    font-size: 1.5rem;
}
.tokenomics {
    background-color: #fff3cd;
    padding: 60px 20px;            
}
.footer {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-family: 'Pacifico', cursive;
}
.lemon-font{
    font-family: 'Lemon', sans-serif;
}

/*// `xs` returns only a ruleset and no media query 
// ... { ... }
*/
/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

}

/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    
}