@font-face {
    font-family: Minecart;
    src: url("../fonts/Minecart_LCD.ttf");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Minecart, serif;
}

a {
    text-decoration: none;
    font-size: calc(1vh + .5vw);
    color: #ffffff;
    background-color: #7a04b4;
    padding: 2vh 4vh 2vh 4vh;
    border-radius: 1vh;
    display: inline-block;
    margin-top: 2vh;
}

a:not(:last-child) {
    margin-right: 2vh;
}

h1 {
    font-size: calc(1vh + 3vw);
}

h2 {
    font-size: calc(1vh + 1.5vw);
}

p {
    font-size: calc(1vh + .5vw);
}

body {
    height: 100vh;
    display: grid;
    grid-template-areas:
    'header'
    'main'
    'footer';
    grid-template-column: auto 1fr auto;
}

.container {
    display: grid;
    justify-self: center;
    text-align: center;
    width: 80%;
}

header {
    grid-area: header;
    padding-top: 2vh;
}

.header__container {}

main {
    grid-area: main;
}

.main__container {}

footer {
    grid-area: footer;
    align-self: end;
    padding-bottom: 2vh;
}

.footer__container {}