:root{--bg-position-y: calc(.68 * (100vh - var(--bg-height)))}@media (min-aspect-ratio: 1.3333333333){:root{--bg-width: max(100vw, 945.4974479982px);--bg-height: calc(var(--bg-width) / 1.3333333333);--bg-scale: calc(var(--bg-width) / 1920px)}}@media (max-aspect-ratio: 1.3333333333){:root{--bg-height: max(100vh, 709.1230859986px);--bg-width: calc(var(--bg-height) * 1.3333333333);--bg-scale: calc(var(--bg-height) / 1440px)}}html{color:#fff;font-family:"Recursive", monospace}body{background:#111;margin:0;overflow:hidden;background-attachment:fixed;background-image:url("/1/bg1920.avif");background-repeat:no-repeat;background-size:var(--bg-width) var(--bg-height);background-position-y:var(--bg-position-y)}.pp{position:absolute;top:calc(.68 * (100vh - var(--bg-height)) + var(--bg-scale) * 684px);left:calc(var(--bg-scale) * 50px);width:calc(var(--bg-scale) * 307px);height:calc(var(--bg-scale) * 307px);outline:solid 1px #ffffff33}.pp:hover{outline:solid 3px #fff}