html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000}.hero-container{position:relative;width:100%;height:100%;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.logo{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10}.logo-img,.logo-svg{width:400px;height:auto;filter:drop-shadow(5px 3px 4px rgba(0,0,0,.7))}.hero-menu{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:40px;z-index:10}.hero-menu a{color:#fff;font-size:1.2rem;font-weight:700;font-family:Arimo,sans-serif;text-transform:uppercase;text-decoration:none;text-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s ease}.hero-menu a:hover{color:#fc0;transform:scale(1.1)}@media(max-width:1024px){.logo{font-size:1.5rem}.hero-menu{gap:25px;bottom:25px}}@media(max-width:768px){.hero-menu{flex-direction:column;gap:15px;bottom:20px}}@media(max-width:1024px){.logo-svg,.logo-img{width:150px}}@media(max-width:768px){.logo-svg,.logo-img{width:100px}}.arimo-<uniquifier>{font-family:Arimo,sans-serif;font-optical-sizing:auto;font-weight:<weight>;font-style:normal}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:sans-serif;background-color:#000}