.navbar{transition:top .7s ease-in-out}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px #0003;display:none;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.nav-menu{background:rgba(0,0,0,.8);opacity:0;transition:.5s;visibility:hidden}.open .nav-menu{opacity:1;visibility:visible}.nav-menu>li{color:#f9f9f9;text-decoration:none}.open .nav-menu>li{animation:appear .3s both}.nav-item{position:relative}.nav-item:before{background:#fff200;left:0}.nav-item:after,.nav-item:before{content:"";height:3px;mix-blend-mode:multiply;position:absolute;top:120%;transition:.5s;width:0}.nav-item:after{background:gray;right:0}.nav-item:hover:after{transform:translate(100);width:50%}.nav-item:hover:before{transform:translate(-100);width:50%}@keyframes appear{0%{opacity:0;translate:0 50px}to{opacity:1}}