<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="https://www.cloudflare.com/favicon.ico" /> <title>Too Many Requests</title> <style> body { font-family: system-ui; font-weight: 300; font-size: 1.25rem; color: #36393a; display: flex; align-items: center; justify-content: center; } main { max-width: 1200px; margin-top: 120px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #text { max-width: 60%; margin-left: 1rem; margin-right: 1rem; } main > section > div { margin-bottom: 3.25rem; } svg { margin-left: 2rem; } @keyframes eye { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } svg > .eye { animation: eye 6s infinite linear; transform-box: fill-box; transform-origin: center; } h1 { font-size: 3.75rem; font-weight: 400; margin-bottom: 0.5rem; } h3 { font-size: 2rem; font-weight: 400; color: #92979b; margin: 0; } a { color: #0055dc; } p { margin: 0; } #error-title { font-size: 2rem; margin-bottom: 1rem; } #footer-title { font-weight: 700; margin-bottom: 0.75rem; } </style> </head>
