@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&family=Roboto:wght@300;400&display=swap";
:root{--button:#b3b3b3;--button-color:#0a0a0a;--shadow:#000;--bg:#7b96b2;--header:#7a7a7a;--color:#fafafa;--lit-header:#e6e6e6;--speed:2s}.jhey-error-page{background:var(--bg);color:var(--color);perspective:1200px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Roboto,sans-serif;display:flex}.jhey-error-page__title{letter-spacing:-.025em;--x:calc(50% + (var(--swing-x) * .5) * 1%);background:radial-gradient(#e6e6e6, #7a7a7a 45%) var(--x) 100% / 200% 200%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Roboto Mono,monospace;font-size:clamp(7rem,20vmin,14rem);font-weight:700;line-height:1;animation:2s ease-in-out infinite alternate swing;position:relative}.jhey-error-page__title:after{content:"404";color:#000;filter:blur(1.5vmin);transform:scale(1.05) translate3d(0, 12%, -10vmin) translate(calc((var(--swing-x) * .05) * 1%), calc((var(--swing-y) * .05) * 1%));opacity:.6;z-index:-1;pointer-events:none;position:absolute;top:0;left:0}.jhey-error-page__message{text-align:center;margin:1.5rem 0}.jhey-error-page__message p{color:#ddd;margin:.5rem 0;font-size:clamp(1.25rem,2.5vmin,1.75rem);font-weight:300}.jhey-error-page__arrow{border-top:8px solid #555;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin:1rem auto}.jhey-error-page__subtitle{color:#999;margin-top:.5rem;font-size:.95rem;font-weight:300}.jhey-error-page__home-link{color:#fff;z-index:2;background:#222;border-radius:3rem;margin-top:1rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 2px 6px #0003}.jhey-error-page__home-link:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 10px #00000040}@media (max-width:480px){.jhey-error-page{padding:1rem}}@property --swing-x{syntax:"<integer>";inherits:false;initial-value:0}@property --swing-y{syntax:"<integer>";inherits:false;initial-value:0}@keyframes swing{0%{--swing-x:-100;--swing-y:-100}50%{--swing-y:0}to{--swing-y:-100;--swing-x:100}}.cloak__wrapper{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.cloak__container{pointer-events:none;z-index:-1;width:250vmax;height:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloak{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%);animation:2s ease-in-out infinite alternate-reverse swing}