.nav-item,header .logo a{font-family:Comfortaa;outline:0}header{position:fixed;background:#fff;box-shadow:0 10px 12px rgba(50,50,50,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);top:0;left:0;width:100%;height:auto;display:flex;align-items:center;justify-content:center;z-index:997}header .header-space{width:400px}header .logo{padding-left:30px}header .logo a{color:#fff}header nav{padding-right:30px;box-sizing:border-box}header nav ul{text-align:center;display:flex;list-style:none;padding-left:0}.nav-item{display:inline-block;font-weight:700;font-size:18px;color:#000;padding:5px 0;margin:0 10px;border:3px solid transparent;white-space:nowrap;transition:color .25s}.nav-item:hover{color:#ff5622;animation:.8s forwards hvr-icon-wobble-vertical}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.nav-item.active{color:#ff5622}.logo img{width:96px;height:96px}.navbar{cursor:pointer;display:none;margin-right:30px}.navbar div{transition:.5s;width:30px;height:3px;margin:5px 0;background:#ff5622}@media only screen and (max-width:800px){.navbar,header nav ul{display:block}header{justify-content:space-between}header .header-space{width:0}header nav{position:absolute;padding-left:30px;right:-100%;top:100px;width:100%;background:#fff;transition:.3s;box-shadow:0 10px 12px rgba(50,50,50,.1)}header #nav-check:checked~nav{right:0}header #nav-check:checked~.navbar #line1{transform-origin:left center;transform:rotate(45deg);margin-bottom:10px}header #nav-check:checked~.navbar #line2{opacity:0}header #nav-check:checked~.navbar #line3{transform-origin:left center;transform:rotate(-45deg)}.nav-item{margin:5px 0}}