@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display');
@import url('https://fonts.googleapis.com/css?family=Pacifico');

html, body {
    max-height: 100vh;
}


.grid-container {
    display: grid;
    grid-template-rows: auto auto auto;
    align-items: center;
    align-content: stretch;
    max-height: 100vh;
    max-height: 100svh;
    justify-content: stretch;
}

.header-container {
    display: grid;
    align-items: start;
    justify-content: center;
}

body {
    background-color: navy;
    text-align: center;
    font-family: 'DM Serif Display', serif;
    margin: 1rem;
    transition: background-color 2s;
}

body, a {
    color: white;
}

.header {
    font-size: 2rem;
}

.footer {
    display: grid;
    font-size: small;
    text-align: right;
}

.card {
    padding: 1rem;
    border-radius: 10px;
    margin: 0.5rem;
    font-size: 1.5rem;
}