body {
    background: black;
    display: grid;
    grid-template-columns: minmax(1em, 20%) repeat(6, 1fr) minmax(1em, 20%);
    grid-template-rows: max-content auto;
    color: white;
    gap: 2em 0;
}

.head, .main {
    display: grid;
    grid-template-rows: subgrid;
    grid-column: 2/8;
}

.head {
    grid-row: 1/2;
    grid-template-columns: min-content max-content auto;
    padding-top: 2em;
    gap: 1em;
    align-items: center;
}

.head > .logo > svg {
    display: block;
    fill: white;
    height: auto;
  width: 100px;
}

.head > .logo {
    grid-column: 1/2;
}

.head > h1 {
    color: white;
    grid-column: 2/3;
}

.head > ul {
    grid-column: 3/4;
    list-style: "";
    justify-self: end;
}

.head .links a {
  color: white;
}

.main {
    grid-row: 2/-1;
}

