nav button+a{background:#BB9}
body{overflow-x:hidden}
h1{text-shadow:0.1vw 0.1vw #666;background: linear-gradient(to left,transparent 0%,#C66 20% 80%,transparent 100%);background-size:45vw;background-repeat:no-repeat;background-position-x:center}
#imgs{margin-left:-2vw;display:flex;width:102vw;height:1024px;justify-content:space-evenly;overflow:auto;background:#0005;}
#imgs img{width:30vw;object-fit:none}
#imgs img:hover{transition:0.5s;height:1024px;width:1024px;border:0.15vw solid red}
#imgs:has(#img1:hover)>:not(#img1){transition:0.5s;width:0vw;padding-left:20vw}
#imgs:has(#img2:hover)>:not(#img2){transition:0.5s;width:0vw}
#imgs:has(#img3:hover)>:not(#img3){transition:0.5s;width:0vw;padding-right:20vw}
#background{position:absolute;display:flex;width:100%;height:calc(64vh + 1024px);left:0;top:0;z-index:-1}
#background > div{flex-grow:1;background-image:url("../images/background2.png");opacity:0.5;background-size:10%}
#bg2{filter:hue-rotate(240deg)}
#bg3{filter:hue-rotate(120deg)}
aside{position:absolute;display:none;padding:1vw;top:11vw;min-width:20vw;min-height:5vw;height:fit-content;background:#4A4C;border-radius:5px;flex-direction:column;margin-left:12vw;white-space:nowrap}
aside>a{text-align:center; padding-bottom:1vw}
h1{border-top:2px solid #567;border-bottom:2px solid #567}
@media screen and (max-width:1000px) {
    header{height:100px;font-size:18px}
    h1{background: linear-gradient(to left,transparent 0%,#C66 5% 95%,transparent 100%)}
    #imgs{display:none}
    #background{height:100vh}}