html, body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

h1, h2, a, p {
    display: flex;
    margin: 0
}

.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
    background-color: #11B5E4;
    font-size: 2em;
    font-family: 'Pacifico',cursive
}

.nav h1 {
    align-self: center
}

.content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
    color: #F2F2F2;
    background-color: #333232;
    font-family: 'Lato', sans-serif;
    text-align: center
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
    color: #707070;
    background-color: #131415;
    font-family: 'Lato',sans-serif
}