header {
    grid-template-columns: 41% 30%;
    margin-right: 1em;
}

nav {
    transform: translateY(-50%);
    grid-template-areas: "home experience" "portfolio contact";
    grid-template-columns: auto auto;
}

main.index {
    grid-template-areas: "greeting-box" "wave-box" "about" "experience-box" "portfolio-box" "contact-box";
    grid-template-columns: auto;
}

.greeting-box {
    padding-top: 0%;
    padding-bottom: 0%;
}

.wave-box {
    animation: 0s;
}

.pdf {
    max-height: 35em;
}

.facebook {
    max-width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}

.queer {
    max-width: 100%;
    max-height: 20em;
    margin-right: 0%;
    margin-left: 0%;
}

.right {
    float: left;
}

.center {
    float: left;
}