html { background: linear-gradient(to top right, #1b1b1b, #232323, #1b1b1b); background: -webkit-linear-linear-gradient( to top right, #1b1b1b, #232323, #1b1b1b ); background: -moz-linear-linear-gradient( to top right, #1b1b1b, #232323, #1b1b1b ); min-height: 100%; display: flex; flex-direction: column; scroll-behavior: smooth; font-family: 'Roboto'; } body { background: unset; min-height: 100vh; position: relative; letter-spacing: 1px; font-size: 16px; line-height: 25px; word-break: break-word; color: #ffffff; } * { box-sizing: border-box; } a { font-weight: 500; color: #646cff; text-decoration: inherit; } a:hover { color: #535bf2; } /* h1 { font-size: 3.2em; line-height: 1.1; } */ button { border-radius: 8px; border: 1px solid transparent; padding: 0.6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-color: #1a1a1a; cursor: pointer; transition: border-color 0.25s; } button:hover { border-color: #646cff; } button:focus, button:focus-visible { outline: 4px auto -webkit-focus-ring-color; } @media (prefers-color-scheme: light) { :root { color: #213547; background-color: #ffffff; } a:hover { color: #747bff; } button { background-color: #f9f9f9; } }