:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f1f1f1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;background-color:#222;overflow-y:hidden}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.6em;margin:8px}p{font-size:1.2em;text-wrap:pretty}#app{display:flex;align-items:center;justify-content:center;width:1400px;height:100vh;margin:auto;text-align:center;background-color:#2b4162;background-image:linear-gradient(315deg,#2b4162,#12100e 74%)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em .7em;font-size:1.1em;font-weight:500;font-family:inherit;background-color:#333;color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ccc}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=text]{padding:4px 8px;font-size:16px;width:60%}.highlight{background-color:#ff0}.error{background-color:#f08080;border:red}@media (max-width: 700px){#app{padding:0 2rem}}@media (max-width: 550px){h1{font-size:2.6em}p{font-size:1.1em}}@media (max-width: 430px){h1{font-size:2.2em}p{font-size:.9em}}@media (max-width: 375px){h1{font-size:2em}p{font-size:.8em}}@media (max-width: 325px){h1{font-size:1.65em}p{font-size:.7em}}#footer{position:absolute;display:flex;align-items:center;justify-content:center;width:56px;height:56px;bottom:1em;left:50%;transform:translate(-50%)}svg.github{display:inline-block;vertical-align:middle}svg.github:hover{transform:scale(1.2);transition-duration:.6s}