html,
body {
    height: 100vh;
    background-color: azure;
}

h1 {
    text-align: center;
}


form {
    display: flex;
    justify-content: center;
}

input {
    min-width: 300px;
    margin-right: 10px;
}

h3 {
    text-align: center;
    padding-bottom: 2rem;
}

.footer {
    background-color: azure;
    padding: 0.5rem;
    align-self: flex-end;
}

#resultsContainer {
    flex-wrap: wrap;
    justify-content: center;
}

.card {
    max-width: 13rem;
}