body {
    position: relative;
    background-color: black;
    color: white;
    text-decoration: none;

    font-family: "VT323", monospace;

    min-height: 100vh;
    margin: 0;

}

a {
    text-decoration: none;
    color: white;
}

header {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-left: 8px;
}

.title {
    font-size: 1.0em;
    font-family: "Kode Mono", monospace;
    color: cyan;
}


.links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: center;
    text-align: center;
    font-size: 1.7em;
}

.home-link {
    transform: translateX(17%);
    /* transform: translateY(-5%); */
    color: yellowgreen;
    font-size: 1.05em;
}

.projects-link {
    color: coral
}

.contact-link {
    color: cyan;
}

footer {
    /* get the footer to the bottom of the page */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
}

.content-wrap {
    padding-bottom: 3rem;
}

/* device specific */
footer>a>img {
    width: 50px;
    height: 50px;
}