.grid {
    grid-template-areas:
          'home sites projects resume'
          'notfound notfound notfound notfound'
          'notfound notfound notfound notfound';
}

.notfound {
    grid-area: notfound;
    background-size: cover;
    transition: background-position 0.2s, background-color 0.2s, background-image 0.2s, transform 0.2s cubic-bezier(0.5, 0, 0.25, 2), box-shadow 0.2s cubic-bezier(0.5, 0, 0.25, 2), filter 0.2s, translate 0.2s;
}

.home {
    grid-area: home;
}

.resume {
    grid-area: resume;
}

.projects {
    grid-area: projects;
}

.sites {
    grid-area: sites;
}

.logo {
    width: 85%;
}

.grid a.button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* Remove underline from links */
}

.grid a {
    margin-bottom: 0px;
}