body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 5%;
    margin-left: 30%;
    margin-right: 30%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    body {
        margin-left: 10%;
        margin-right: 10%;
    }
}

footer {
    margin-top: 10%;
    border-top: 1px solid #eee;
    font-size: 0.9em;
}