.hamburger.active span:nth-child(2),.menu,.menu li{opacity:0}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-height:100%}body{min-height:100svh;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;background:url(../photo-resorces/Horizental.jpg) center/cover no-repeat;position:relative;overflow-x:hidden}.menu-container{position:absolute;left:15%;top:75%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10}.logo-home{width:60px;height:auto;display:block;animation:2s ease-in-out infinite alternate logoPulse}.hamburger{width:20px;height:22px;position:relative;cursor:pointer;margin-top:30px;flex-shrink:0}.hamburger span{position:absolute;left:0;width:100%;height:4px;background:#b8c7d8;border-radius:5px;transition:.4s}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.active span:first-child{top:9px;transform:rotate(45deg)}.hamburger.active span:nth-child(3){top:9px;transform:rotate(-45deg)}.menu{list-style:none;display:flex;gap:40px;margin-top:25px;visibility:hidden;transform:translateY(-20px) scale(.95);transition:opacity .4s,transform .5s cubic-bezier(.16, 1, .3, 1),visibility .4s}.menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.menu li{transform:translateY(-10px);transition:.3s}.menu li a{text-decoration:none;color:#b8c7d8;font-size:15px;font-weight:600;white-space:nowrap;transition:.3s}.menu.show li{opacity:1;transform:translateY(0)}.menu.show li:first-child{transition-delay:50ms}.menu.show li:nth-child(2){transition-delay:0.1s}.menu.show li:nth-child(3){transition-delay:0.15s}.menu.show li:nth-child(4){transition-delay:0.2s}.menu li a:hover{color:#fff}@media (max-width:1024px){.menu-container{left:10%;top:72%}.menu{gap:28px}.menu li a{font-size:15px}}@media (max-width:768px){body{background-image:url("../photo-resorces/vertical.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}.menu-container{left:50%;top:68%;transform:translate(-50%,-50%);width:min(90%,320px)}.logo-home{width:clamp(45px,14vw,60px)}.hamburger{margin-top:35px}.menu{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px;margin-top:25px;text-align:center}.menu li a{font-size:clamp(15px, 4vw, 17px);font-weight:600;white-space:nowrap}}@media (max-width:480px){.menu-container{top:70%}.hamburger{margin-top:60px}.menu{gap:8px}}@media (max-width:360px){.menu-container{top:68%}.menu li a{font-size:15px}.hamburger{width:19px;height:21px;margin-top:70px}}@keyframes logoPulse{from{transform:scale(1)}to{transform:scale(.8)}}