.not-found{--logo-size:120px;flex-direction:column;height:100vh;max-height:-webkit-fill-available;display:flex}@media only screen and (max-width:1100px){.not-found{--logo-size:80px}}@media screen and (max-height:940px){.not-found{--logo-size:80px}}.not-found .logo{height:var(--logo-size);filter:drop-shadow(2px 2px 0px var(--color-terminal-green-50));opacity:.75;margin:0 auto 24px;padding:16px}.not-found .logo img{width:auto;height:100%}.not-found .logo:hover{opacity:1}.not-found .terminal{background-color:var(--color-terminal-green-5);border:2px solid var(--color-terminal-green-50);width:fit-content;box-shadow:4px 4px 0 var(--color-terminal-green-25);filter:saturate(.75);flex-direction:column;margin:auto;font-size:14px;display:flex;translate:0 -16px}.not-found .terminal-body{text-transform:uppercase;flex-direction:column;align-items:stretch;gap:4px;padding:32px;display:flex}.not-found .terminal-body .code{color:var(--color-white);text-shadow:4px 4px 0 var(--color-terminal-green-25);justify-content:space-between;margin-bottom:8px;font-size:96px;line-height:1;display:flex}.not-found .terminal-body .line.detail{color:var(--color-terminal-green);text-shadow:2px 2px 0 var(--color-terminal-green-25);letter-spacing:-1px;text-align:center;font-size:12px;line-height:1}.not-found .terminal-body .return{all:unset;cursor:pointer;color:var(--color-gold);text-shadow:2px 2px 0 var(--color-orange-50);border:2px solid var(--color-gold);letter-spacing:-1px;text-align:center;box-sizing:border-box;margin-top:16px;padding:10px 24px;font-size:18px}.not-found .terminal-body .return:hover{background-color:color-mix(in srgb, var(--color-gold), transparent 75%)}