.myNavbar{background:linear-gradient(45deg,#6D6DFF,#5555FF 40%);height:70px;width:70px;max-width:90vw;border-radius:35px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.145),0 11px 40px 0 rgba(0,0,0,.25),0 2px 10px 0 rgba(0,0,0,.12);transition:height .5s ease,width .5s ease .5s,opacity .2s ease-in-out!important;z-index:-5}.myNavbar ul{color:#fff}.myNavbar ul li{margin-bottom:8px;opacity:0;transform:translateY(-5px);transition:opacity .5s,transform .5s}.myNavbar ul li:hover{font-size:2rem}.myNavbar .icon--logo{fill:#fff;position:absolute;bottom:0;opacity:0;transition:opacity .5s ease .2s}.myNavbar .hamburguer{height:45px;width:45px;bottom:12px;right:12px;overflow:hidden;cursor:pointer}.myNavbar .hamburguer span{position:absolute;display:inline-block;height:3px;width:100%;background-color:#fff;top:50%;transition:all .2s}.myNavbar .hamburguer :first-child{transform:translateY(-7px)}.myNavbar .hamburguer :nth-child(2){transform:translateY(7px)}.fade-in{z-index:10!important;pointer-events:none}.fade-in-active{z-index:30!important;pointer-events:auto}.myNavbar_active{width:400px;height:400px;transition:width .5s ease,height .5s ease .5s,opacity .2s ease-in-out!important}.myNavbar_active ul li{opacity:1;transform:translateY(0);transition:font-size .2s,opacity .5s ease 1.2s}.myNavbar_active ul :nth-child(2){transition:font-size .2s,opacity .5s ease 1.4s}.myNavbar_active ul :nth-child(3){transition:font-size .2s,opacity .5s ease 1.6s}.myNavbar_active ul :nth-child(4){transition:font-size .2s,opacity .5s ease 1.8s}.myNavbar_active .icon--logo{opacity:1}.myNavbar_active .hamburguer span{transform:translateY(0)!important}.myNavbar_active .hamburguer :first-child{transform:rotate(45deg)!important}.myNavbar_active .hamburguer :nth-child(2){transform:rotate(-45deg)!important}@media(max-width:1023px){.myNavbar{z-index:30!important}}