*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

:root{
    --font_inter: "Inter", sans-serif;
    --font_changa: "Changa One", sans-serif;
    --font_bangers: "Bangers", system-ui;
    --font_jost: "Jost", sans-serif;
}

.btn_hover{
    transition: .3s ease-in-out;
}

.btn_hover:hover{
    transform: scale(1.1);
}
  
body{
    background-color: #FEC900;
}

nav{
    font-family: var(--font_inter);
}

nav li a{
    text-shadow: 1px 0px 0px #141414;
    font-weight: 800; 
    letter-spacing: 5px; 
 
    transition: .3s ease-in-out;
}     
   
nav li:hover a{
    color: black;
}

/* about */
.about h1{
    font-family: var(--font_bangers);
    text-shadow: 0px -2px 0px #141414;
}

.about p{ 
    font-family: var(--font_jost);
} 

/* about v2 */
.join,
.about2 span,
.about2 p{
    font-family: var(--font_changa);
} 
 
/* address */ 
.address p{
    font-family: var(--font_inter);
} 


.tokenomics button{
    font-family: var(--font_changa);
} 
 

/* media queries */ 
@media screen and (max-width:1024px) {
    .link_none{ 
        display: none;
        opacity: 0;
        position: absolute;
        left: -100vw;
    }
}