.page-not-found-container{height:100vh;background-color:#f5f5f5}#error-page{font-family:SUSE,sans-serif;position:absolute;inset:10% 15%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 5px 10px #0000001a;border-radius:20px}.header{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}#error-page .content{max-width:600px;text-align:center}.content h2.header{font-size:18vw;font-weight:700;line-height:1em;position:relative}.content h2.header:after{position:absolute;content:attr(data-text);top:0;left:0;right:0;background-image:linear-gradient(180deg,#1b9bff,#177ede,#1261bd,#0a479d);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 2px rgba(255,255,255,.25);animation:animate 10s ease-in-out infinite}@keyframes animate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.content h4{font-size:1.5em;margin-bottom:20px;text-transform:uppercase;color:#000;font-size:2em;max-width:600px;position:relative}.content h4:after{position:absolute;content:attr(data-text);top:0;left:0;right:0;text-shadow:1px 1px 2px rgba(255,255,255,.4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content p{font-size:clamp(.9rem,2.75vw,1.2rem);color:#0d0d0d}.content .btns{margin:25px 0;display:inline-flex}.content .btns p{display:inline-block;margin:0 10px;text-decoration:none;border:2px solid #177ede;color:#177ede;font-weight:500;padding:10px 25px;border-radius:25px;text-transform:uppercase;transition:all .3s ease;cursor:pointer}.content .btns p:hover{background:#177ede;color:#fff;cursor:pointer}@media screen and (max-width:900px){#error-page{width:90%;margin:auto;position:absolute;top:10%;left:5%;bottom:10%}.content .btns p{padding:10px}}
