:root{font-size:20px;font-family:'IBM Plex Mono';line-height:1.5;color:rgba(255,255,255,.25);}body{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#333;}a{color:#fff;display:inline;text-decoration:underline;}p{color:#999;}#error500{margin-bottom:1rem;font-size:2rem;font-weight:500;text-transform:uppercase;letter-spacing:.075em;color:#c94d4d;animation:pulse 4s infinite alternate;position:relative;}@keyframes pulse{from{opacity:.5;}50%{opacity:.5;}}#error500::before{content:'';width:.75rem;height:50vh;margin-bottom:.75em;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(255,255,255,.1) 60%,transparent 100%);}#desc500{margin:2em 0 1em;}.error500-num,.error500-num__clip,.error500-num__clip::before,.error500-num__clip-left{position:relative;font-size:10rem;font-family:'Oswald';letter-spacing:-.01em;color:#fff;animation:colorSplit 1.25s steps(2,end) infinite;}@keyframes colorSplit{25%{text-shadow:-.02em 0 0 #ed008c,.025em 0 0 #0087ef;}75%{text-shadow:-.035em 0 0 #ed008c,.04em 0 0 #0087ef;}}.error500-num__clip,.error500-num__clip::before,.error500-num__clip-left{position:absolute;top:0;left:-2px;z-index:10;color:#333;overflow:visible;clip-path:polygon(0% 0%,100% 0,100% 25%,0 25%,0 30%,100% 30%,100% 50%,0 50%,0 60%,100% 60%,100% 65%,0 65%,0 80%,100% 80%,100% 85%,0 85%,0% 0%);animation:glitch 1s steps(2,start) infinite;}@keyframes glitch{30%{left:0;}to{left:0;}}.error500-num__clip::before,.error500-num__clip-left::before{content:'500';left:.05em;color:#fff;z-index:9;clip-path:polygon(0% 0%,100% 0,100% 26%,0 26%,0 29%,100% 29%,100% 51%,0 51%,0 59%,100% 59%,100% 66%,0 66%,0 79%,100% 79%,100% 86%,0 86%,0% 0%);}