*, *:after, *:before {
    box-sizing: border-box;
}

.headshot {
    border-radius: 100%;
    width: min(80%, 30rem);
}

body {
    margin-inline: auto;
    max-width: 1000px;
}

.main {
    text-align: center;
}

@media (min-width: 1000px) {
    .main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .headshot {
        margin-inline: auto;
    }

    .description {
        grid-column: 1;
        grid-row: 1 / span 2;
    }
}


.unstyled-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav > .navigation-list {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.impressum {
    text-align: center;
}

.img-link > img {
    height: 4rem;
}

.social {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

footer {
    margin-top: 5rem;
}