@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


.mobile-menu-icon {
    display: none;
}

.mobile-menu {
    display: none;
}

@media screen and (max-width: 730px) {

    
    .header-active{
       background-color: #1f1f1f;
        position: fixed;
        display:flex;
        flex-direction: column;
        width: 100vw;
        height: 100vh;
        align-items: left;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        #logo{display: none;}


    }

    .mobile-menu-icon button {margin-top: 15px;margin-right: 15px;}

    .nav-bar {
        
        padding: 1.5rem 4rem;
    }
    #menuinicial {
        display: none;
    }

    .mobile-menu-icon {
        display: block;
        
        
    }
    .mobile-menu-icon button {
        
        background-color: transparent;
        border: none;
        cursor: pointer;
       
        
    }

    .mobile-menu .mobile-menu-icon button{

        margin-top: 15px;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .mobile-menu{
        position:fixed;
        background-color: rgb(31, 31, 31);
        height: 100vh;
        width: 100vw;  

    }

    .mobile-menu ul {
        
        display: flex;
        flex-direction: column;
        text-align: center;
        padding-bottom: 1rem;
        
    }

    .mobile-menu .nav-item {
        display: block;
        padding-top: 1.2rem;
       
    }
 
    .mobile-menu .nav-item a{

        color: rgb(241, 241, 241);
        text-decoration: none;
        font-family: "Questrial", sans-serif;
        font-style: normal;
        font-size: 19px;
    

    }

    .open {
        
        display:block;

    }

    .titulo_menu_mobile{
        color: #868686;
        font-family: "Nunito", sans-serif;
        font-size: 22px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 20px;
        
    }
   
    .tab-btn {
        display: flex;
        border-radius: 40px;
        background-color: #2a2a2a;
        font-size: 24px;
        padding: 18px;
        text-align: left;
        justify-content: space-between;
        align-items: center;
        color: antiquewhite;
        font-weight: normal;
        margin: 18px;

    }

    .tab-btn img{
        margin-right: 5px;
        height: 36px;
        width: 36px;
    }

    #btn_mobile, #btn_mobile2{

        color: antiquewhite;
        font-size: 28px;
    }

}


/*** FEITO POR: LARISSA V. KICH ***/