.navItem{position:relative}.navItem:hover:before{content:"";width:110%}.navItem:before{transition:all .2s ease-in-out;content:"";position:absolute;bottom:0;left:50%;height:3px;width:0;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.act:before{content:"";width:110%}.navbar{transition:all .2s ease-in-out}.navbar .menu{position:relative}.navbar .menu>div{transition:all .2s ease-in-out}.navbar .menu #path1{position:absolute;top:0}.navbar .menu #path2{position:absolute;top:6px}.navbar .menu #path3{position:absolute;top:12px}.navbar .closed #path1{top:50%;transform:rotate(45deg) translateY(-50%);transition:all .2s ease-in-out}.navbar .closed #path2{transition:all .2s ease-in-out;opacity:0;transform:rotate(0deg) translateX(-100%)}.navbar .closed #path3{transform:rotate(-45deg);top:50%;transition:all .2s ease-in-out}.navbar .menuResp{transition:all .2s ease-in-out;height:calc(100vh - 70px);top:70px;position:fixed;left:100%;z-index:3000;height:100vh;width:100vw}.navbar .menuOpen{left:0}