.navbar{background-color:transparent;height:90px;z-index:20;position:fixed;top:0;display:flex;align-items:center;justify-content:space-around;padding:10px 20px;color:white;width:100%}@media only screen and (max-width:768px){.navbar{justify-content:space-between;padding:3px 7px}}.navbar.active{background-color:#ffffff;color:#000000;position:fixed;transition:all .6s ease;box-shadow:5px 5px 15px 5px #0000000d}ul li a:hover{border-bottom:2px solid #004f18;transition:all .8s ease}