*,:before,:after{box-sizing:border-box}h1{margin:0}a{color:inherit}a:hover{text-decoration:underline dashed}html{color-scheme:dark}body{color:#fff;visibility:visible;background:#000;grid-template-rows:auto 1fr auto;min-height:100dvh;margin:0;font-family:Roboto Mono,monospace;line-height:1.4;display:grid}header{justify-content:right;padding:10px;display:flex}footer{justify-content:left;padding:clamp(.5rem,1vw,1.5rem);display:flex}:root{--small-size:clamp(.5rem, .4rem + 2vw, 1rem)}small{font-size:var(--small-size)}small.made-by{color:#d3d3d3;font-size:calc(var(--small-size) * .8)}.catto-content{grid-template-rows:auto 1fr;height:100%;padding:clamp(.5rem,2vw,2rem);display:grid}.catto-content h1{text-align:center;text-transform:lowercase;margin-top:2.5rem;margin-bottom:.5rem;font-size:clamp(1.5rem,1.5rem + 2vw,5rem);font-weight:400}.catto-content h1 span{display:inline-block}.catto-space{place-items:center;display:grid;container-type:size}.contained-catto{aspect-ratio:var(--ratio);width:min(100cqw, calc(100cqh * var(--ratio)));border:max(2px,.4cqmin) solid #fff;animation:.5s ease-out bouncy-catto;position:relative;overflow:hidden}@keyframes bouncy-catto{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.contained-catto img{width:calc(var(--w) / var(--cw) * 100%);height:calc(var(--h) / var(--ch) * 100%);left:calc(var(--left) / var(--cw) * -100%);top:calc(var(--top) / var(--ch) * -100%);position:absolute}.evasive-catto{display:none}noscript{display:contents}