@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap");

body {
    display: flex;
    flex-direction: column;
    margin: 0%;
    padding: 0%;
    color: white;
    background-color: #244535;
    min-height: 100%;
    font-family: Lato, sans-serif;
    font-size: 22px;
}

header,
footer,
.main {
    padding: 0 16%;
}

header {
    background-color: #182921;
    height: 320px;
    align-content: end;
}

footer {
    background-color: #0e1311;
    position: fixed;
    bottom: 0px;
    width: 100%;
    font-size: 0.75em;
    padding-top: 10px;
    padding-bottom: 8px;
}

.main {
    min-height: 100%;
    flex-grow: 1;
}

h1 {
    font-size: 3.2em;
    font-weight: 900;
}

a {
    font-style: normal;
    color: #9ad9bb;
    text-decoration: none;
}

p {
    text-align: justify;
}

ul {
    list-style: square;
}

@media screen and (max-width: 1200px) {
    header,
    footer,
    .main {
        padding: 0 32px;
    }

    header {
        height: 240px;
    }
}