body {
    background-color: #FAFAFA;
    color: #222222;
    font-family: Cambria, Cochin, Georgia, serif;
    font-size: 1.25rem;
}

header {
    padding: 0.04em 1em 0.04em;
    color: #EEEEEE;
    background-color: #0B486B;
    border-radius: 4px;
}

form {
    margin: 0 auto;
    padding: 1em;
    border: 1px solid #222222;
    border-radius: 1em;
}

input {
    width: 260px;
}

@media (min-width: 1300px) {
    main {
        width: 1100px;
        margin: auto;
        align-content: center;
    }
    form {
        width: 900px;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) {
    body {
        font-size: 1.75rem;
    } 
}

footer {
    text-align: right;
}