style.css

:root {
    --primary-color: #5B3256;
    --background-color: #c0f0fa;
    --font-family: 'Inika', 'Verdana', sans-serif;
}

body {
    margin: 0;
    background-color: var(--background-color);
}

main {
    max-width: 400px;
    margin: calc(100vh / 2) auto 0;
    transform: translateY(-50%);
    border: 1px solid var(--primary-color);
    padding: 1rem;
    padding-bottom: 1.5rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1, p, a, label, input, button {
    font-family: var(--font-family);
    color: var(--primary-color)
}

a {
    text-decoration: none;
}

form {
    display: flex;
    flex-direction: column;
}

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

.description-text {
    text-align: center;
    margin-bottom: 1.5rem;
}

.year-label {
    margin-bottom: 0.9rem;
}

button, .button {
    margin-top: 1rem;
    padding: 0.5rem 0;
    border: 1px solid var(--primary-color);
    border-radius: 0.5rem;
    background-color: var(--background-color);
    width: 250px;
}

.button > p {
    margin: 0;
    text-align: center;
    text-decoration: none;
}

button:hover, .button:hover {
    background-color: #8fedff;
}

.return-text {
    text-align: center;
    margin-bottom: 0.5rem;
}