*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{scroll-behavior:smooth}body{color:#fff;font-optical-sizing:auto;background:#000;max-width:70rem;margin:6rem auto;font-family:Sofia Sans Condensed,sans-serif;font-size:1.6rem}a{color:#fff;text-decoration:none}img{height:auto;display:inline-block}header img{width:24rem;margin:0 auto;display:block}header>ul{flex-wrap:wrap;justify-content:center;gap:2rem;margin:1rem;display:flex}header>ul>li{list-style-type:none}header a{opacity:.7;transition:all .6s}header a:hover{opacity:1}.game{width:100%;margin:4rem 0;position:relative;overflow:hidden}.game>img{filter:brightness();width:100%;transition:all .6s cubic-bezier(.65,0,.35,1)}.game:hover>img{filter:brightness(60%);transform:scale(1.1)translate(-8rem)}.game>h1{writing-mode:vertical-rl;text-orientation:mixed;opacity:0;filter:blur(4px);font-size:4rem;transition:all .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;right:20px}.game:hover>h1{opacity:1;filter:blur();right:0}