body{color:#333;margin:0;padding:0;font-family:futura}header{justify-content:center;align-items:center;padding:10px 20px;display:flex}.navbar{opacity:0;justify-content:center;align-items:center;padding:20px;animation:1s forwards navbarEntry;display:flex;position:relative;transform:translateY(-20px);padding-top:30px!important;padding-bottom:30px!important}.menu{gap:30px;list-style:none;display:flex}.menu li a{text-transform:uppercase;letter-spacing:2px;opacity:0;background-image:linear-gradient(90deg,#cf973f,#d3a94e,#9d722c,#a77a2d,#ffd86d);font-size:17px;font-weight:500;text-decoration:none;animation:.6s forwards linkEntry;position:relative;transform:translateY(-10px);color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.menu li a:after{content:"";background:#d4af37;width:0%;height:2px;transition:width .4s;position:absolute;bottom:-5px;left:0}.menu li a:hover:after{width:100%}.menu li a:hover{color:#d4af37;transition:all .3s;transform:translateY(-3px)}.logo img{opacity:0;width:auto;height:120px;margin:0 50px;animation:1s 1s forwards logoEntry;display:block;transform:scale(.8)}.logo img:hover{transition:transform .3s;transform:scale(1.1)}@keyframes navbarEntry{to{opacity:1;transform:translateY(0)}}@keyframes linkEntry{to{opacity:1;transform:translateY(0)}}@keyframes logoEntry{to{opacity:1;transform:scale(1)}}.left-menu{position:absolute;left:-220px}.right-menu{position:absolute;right:-220px}.mobile-menu{display:none}@media screen and (max-width:768px){.navbar{flex-direction:column;align-items:center;gap:20px;padding:12px}.logo{order:-1;margin-bottom:10px}.logo img{height:80px;margin:0 auto}.left-menu,.right-menu{display:none}.mobile-menu{flex-direction:row;justify-content:center;gap:1.5rem;display:flex}.mobile-menu a{font-size:12px}}@media screen and (min-width:769px) and (max-width:1024px){.navbar{flex-direction:row;justify-content:space-between;width:100%;padding:0 40px}.logo{margin:0}.logo img{height:100px}.left-menu,.right-menu{flex-direction:row;gap:20px;display:flex;position:static}.mobile-menu{display:none}}@media screen and (min-width:1025px){.navbar{flex-direction:row}.logo{margin:0 50px}.menu{flex-direction:row;gap:30px}.left-menu{display:flex;position:absolute;left:-220px}.right-menu{display:flex;position:absolute;right:-220px}.mobile-menu{display:none}}