@font-face {
    font-family: 'Comic Neue';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/ComicNeue-Regular.ttf) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: linear-gradient(rgba(255, 255, 255, 0.800), rgba(255, 255, 255, 0.800)), url(background.jpg), no-repeat fixed;
    background-size: cover;

    font-family: 'Comic Neue', cursive;
    text-align: center;
}

#pb {
    border-radius: 100%;
}

#bio {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}

.gallery {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto;
    justify-content: center;
    gap: 10px;
}

input, textarea {
    font: inherit;
    background: inherit;
    border: solid black;
    margin-bottom: 0.3em;
}

#form-submit {
    cursor: pointer;
}