/* heya! looks like you came across the css. please don't take inspiration from it. */
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    padding: 0.75rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'DynaPuff', 'Inter', sans-serif;
}

@media (min-width: 600px) {
    /* tablets and up */
    body {
        width: 40vw;
        margin: auto;
    }
}

input, button {
    padding: 0.75rem;
    font-family: inherit;
    border: 1px solid #0066e2;
    border-radius: 999px;
}

input:focus-visible {
    outline: none;
}

button {
    background-color: #0066e2;
    cursor: pointer;
}

button:hover {
    background-color: #116edf;
}

.outline {
    padding: 0.75rem;
    border: 1px solid #0066e2;
    border-radius: 0.5rem;
}

a, a:visited {
    color: #0066e2;
    text-decoration: none;
}

hr {
    border-color: #0066e2;
}

.gray {
    color: rgb(158, 158, 158);
}