header{background-color:#333;color:#fff;padding:20px}nav{align-items:center;display:flex;justify-content:space-between}.logo h1{font-size:24px}.nav-links{align-items:center;display:flex;list-style:none}.nav-links li{margin-left:15px}.nav-links a{color:#fff;font-size:16px;text-decoration:none}.burger{cursor:pointer;display:none}.burger div{background-color:#fff;height:3px;margin:5px;width:25px}@media screen and (max-width:768px){.nav-links{align-items:center;background-color:#333;flex-direction:column;height:100vh;position:fixed;right:-100%;top:0;transition:right .5s ease-in;width:100%}.nav-links.nav-active{right:0}.nav-links li{-webkit-animation:navLinkFade .5s ease-in forwards;animation:navLinkFade .5s ease-in forwards;opacity:0}.burger{display:block}.toggle .line1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}}@-webkit-keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.a{background:#b45454;color:#fff}.navbar{background-color:#0000009e}.navbar-nav li{margin:left;padding:0 10px}.navbar-nav li a{color:#fff!important;font-size:20px;font-weight:700}
/*# sourceMappingURL=main.11863f2c.css.map*/