#menu-btn{
    font-size: 2.5rem;
    color: var(--white);
    cursor: pointer;
    display: none;
}







/* Media quries */
@media (max-width: 930px){
    html{
        font-size: 55%;
    }
    .header{
        padding: 1.5rem 2rem;
    }
    section{
        padding: 3rem 2rem;
    }
}
@media (max-width: 710px){
    #menu-btn{
        display: inline-block;
    }
    .navbar{
        position: absolute;
        top: 99%;
        left: 0;
        right: 0;
        background: var(--bg-color);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    .active{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .navbar>a{
        margin: 2rem;
        font-size: 2rem;
        display: block;
    }

    .home{
        margin-top: 10rem;
    }
    .content>span{
        font-size: 8vw;
    }
    .content>h3{
        font-size: 9vw;
    }
}
@media (max-width: 450px){
    html{
        font-size: 45%;
    }
    .about_content h3{
        font-size: 3.5rem;
    }
    .banner-content>h3{
        font-size: 2.7rem;
    }
}