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

.accessdenied {
    grid-area: accessdenied;
    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;
}