body{background-color:#141414;margin:0}#menu{align-items:center;display:flex;height:100vh;width:100vw}#menu-items{margin-left:clamp(4rem,20vw,48rem);position:relative;z-index:2}#menu[data-active-index="0"]>#menu-background-pattern{background-position:0% -25%}#menu[data-active-index="1"]>#menu-background-pattern{background-position:0% -50%}#menu[data-active-index="2"]>#menu-background-pattern{background-position:0% -75%}#menu[data-active-index="3"]>#menu-background-pattern{background-position:0% -100%}#menu[data-active-index="0"]>#menu-background-image{background-position:center 45%}#menu[data-active-index="1"]>#menu-background-image{background-position:center 50%}#menu[data-active-index="2"]>#menu-background-image{background-position:center 55%}#menu[data-active-index="3"]>#menu-background-image{background-position:center 60%}#menu-background-pattern{background-image:radial-gradient(rgba(255,255,255,.1) 9%,transparent 9%);background-position:0% 0%;background-size:12vmin 12vmin;height:100vh;left:0;position:absolute;top:0;transition:opacity .8s ease,background-size .8s ease,background-position .8s ease;width:100vw;z-index:1}#menu-background-image{background-image:url(https://i.pinimg.com/1200x/88/7d/36/887d36305857face361e2c129287662b.jpg);background-position:center 40%;background-size:110vmax;height:100%;left:0;opacity:.15;position:absolute;top:0;transition:opacity .8s ease,background-size .8s ease,background-position .8s ease;width:100%;z-index:0}#menu-items:hover~#menu-background-pattern{background-size:11vmin 11vmin;opacity:.5}#menu-items:hover~#menu-background-image{background-size:100vmax;opacity:.1}#menu-items:hover>.menu-item{opacity:.3}#menu-items:hover>.menu-item:hover{opacity:1}.menu-item{color:#fff;cursor:pointer;font-family:Playwrite CZ,cursive;font-size:clamp(3rem,8vw,8rem);padding:clamp(.25rem,.5vw,1rem) 0rem;text-decoration:none;transition:opacity .4s ease}