@media screen and (min-height: 680px) {

    html,
    body {
        height: 100%;
    }

    .white {
        height: calc(100vh - 20px);
    }
}

body {
    font-family: 'Helvetica', sans-serif;
    background-color: #ffcc00;
}

.white {
    background-color: white;
    padding: 10px;
    margin: 10px;
}

h1.cursive {
    font-size: 6rem;
    line-height: 1;
}

.cursive {
    font-family: 'Hurricane', cursive;
}