:root{--button:#b3b3b3;--button-color:#0a0a0a;--shadow:#000;--bg:#737373;--header:#7a7a7a;--color:#fafafa;--lit-header:#e6e6e6;--speed:2s}*{box-sizing:border-box;transform-style:preserve-3d}@property --swing-x{syntax:"<integer>";inherits:false;initial-value:0}@property --swing-y{syntax:"<integer>";inherits:false;initial-value:0}body{background:var(--bg);min-height:100vh}.not-found{min-height:100vh;color:var(--color);perspective:1200px;flex-direction:column;justify-content:center;align-items:center;display:flex}.title-not-found{animation:swing var(--speed)infinite alternate ease-in-out;letter-spacing:1rem;background:radial-gradient(var(--lit-header),var(--header)45%)calc(50% + (var(--swing-x)*.5)*1%)100%/200% 200%;color:#0000;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(5rem,40vmin,20rem);font-weight:700;position:relative;transform:translate(0,0)}.title-not-found:after{content:"404";color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05)translate3d(0,12%,-10vmin)translate(calc((var(--swing-x,0)*.05)*1%),calc((var(--swing-y)*.05)*1%));animation:swing var(--speed)infinite alternate ease-in-out;position:absolute;top:0;left:0}.cloak__wrapper{position:fixed;inset:0;overflow:hidden}.cloak__container{width:250vmax;height:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloak{animation:swing var(--speed)infinite alternate-reverse ease-in-out;transform-origin:50% 30%;width:100%;height:100%;transform:rotate(calc(var(--swing-x)*-.25deg));background:radial-gradient(40% 40% at 50% 42%,#0000,#000 35%)}@keyframes swing{0%{--swing-x:-100;--swing-y:-100}50%{--swing-y:0}to{--swing-y:-100;--swing-x:100}}