:root {
    --background: #1D1D20FF;
    --foreground: #ffffff;
    --accent: #007bff;
    --raised: #ffffff;
}

html {
    background-color: var(--background);
    color: var(--foreground);
}

main {
    max-width: 20ch;
    margin: 20rem auto;
}

.banner {
    width: 100%;
    height: auto;
    border-radius: 999px;
    aspect-ratio: 1/1;

    background-color: #393E46;

    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

h1 {
    font-size: 3rem;
    text-align: center;
}