*{box-sizing:border-box}body{margin:0;padding:0}#notfound{background-color:#222;height:100vh;position:relative}#notfound .notfound{animation:.7s cubic-bezier(.22,1,.36,1) both notfound-enter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes notfound-enter{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.notfound{text-align:center;width:100%;max-width:460px;line-height:1.4}.notfound .notfound-404{height:158px;line-height:153px}.notfound .notfound-404 h1{color:#222;letter-spacing:10px;text-shadow:2px 2px #c9c9c9,-2px -2px #c9c9c9;margin:0;font-family:Josefin Sans,sans-serif;font-size:220px;font-weight:700}.notfound .notfound-404 h1>span{text-shadow:2px 2px #ff883d,-2px -2px #ff883d,0 0 8px #ff883d}.notfound p{color:#c9c9c9;margin-top:0;margin-bottom:15px;font-family:Josefin Sans,sans-serif;font-size:16px;font-weight:400}.notfound a{text-transform:uppercase;color:#c9c9c9;background:0 0;border:2px solid #c9c9c9;padding:10px 25px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:inline-block}.notfound a:hover{color:#ff883d;background-color:#ff883d14;border-color:#ff883d;transform:translateY(-2px);box-shadow:0 8px 20px #ff883d2e}.notfound a:active{box-shadow:none;transform:translateY(0)}@media only screen and (max-width:480px){.notfound .notfound-404{height:122px;line-height:122px}.notfound .notfound-404 h1{font-size:122px}}@media (prefers-reduced-motion:reduce){#notfound .notfound{animation:none}.notfound a{transition:none}.notfound a:hover{box-shadow:none;transform:none}}