*{box-sizing:border-box}body{margin:0;padding:0;background-color:#1e2322;font-family:Montserrat,sans-serif;font-weight:300;color:#fff;letter-spacing:.3px;overflow-x:hidden}.fade-in-up{opacity:0;transform:translateY(30px);animation:.8s forwards fadeInUp}.fade-in-left{opacity:0;transform:translateX(-30px);animation:.8s forwards fadeInLeft}.fade-in-right{opacity:0;transform:translateX(30px);animation:.8s forwards fadeInRight}.fade-in{opacity:0;animation:1s forwards fadeIn}.scale-in{opacity:0;transform:scale(.98);animation:1.2s forwards scaleIn}.stagger-delay-1{animation-delay:.2s}.stagger-delay-2{animation-delay:.4s}.stagger-delay-3{animation-delay:.6s}.stagger-delay-4{animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}header{width:100%;height:150px;display:flex;align-items:center;justify-content:center;position:relative}nav{position:absolute;top:80%;transform:translateY(-50%);display:flex;gap:70px;font-size:15px;font-family:'Josefin Sans',sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase}.nav-left{left:23%;opacity:0;transform:translateX(-50px);animation:.8s .3s forwards fadeInLeft}.nav-right{right:23%;opacity:0;transform:translateX(50px);animation:.8s .3s forwards fadeInRight}nav a{text-decoration:none;color:#fff;font-weight:400;transition:.3s;position:relative}nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background-color:#d4af37;transition:width .3s}nav a:hover{color:#d4af37;letter-spacing:2.5px}nav a:hover::after{width:100%}.logo{height:110px;margin-top:40px;opacity:0;animation:.8s .1s forwards fadeIn}footer{width:100%;text-align:center;padding:20px 0;background-color:#1e2322;color:#fff;font-size:12px;margin-top:50px;letter-spacing:2px;font-family:'Josefin Sans',sans-serif;text-transform:uppercase;opacity:0}@media (max-width:1024px){nav{gap:40px}.nav-left{left:15%}.nav-right{right:15%}}@media (max-width:768px){header{height:120px}nav{gap:25px;font-size:12px;top:90%;letter-spacing:1.5px}.nav-left{left:5%;transform:translateX(-30px)}.nav-right{right:5%;transform:translateX(30px)}.logo{height:80px;margin-top:20px}.fade-in-left{transform:translateX(-20px)}.fade-in-right{transform:translateX(20px)}.fade-in-up{transform:translateY(20px)}}@media (max-width:480px){nav{gap:18px;font-size:10px;letter-spacing:1px}.nav-left{left:2%;transform:translateX(-15px)}.nav-right{right:2%;transform:translateX(15px)}.logo{height:70px}}@media (max-width:360px){nav{gap:12px;font-size:9px}.logo{height:60px}}