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