#navbar {
    position: fixed;
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100vw;
    z-index: 100;
    overflow: hidden;
    background-color: var(--soft-gray);
    filter: drop-shadow(0px 10px 3px var(--shadow));
    top: 0;
}
#navbar ul {
    grid-column: 2;
    justify-self: center;
    align-self: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
#navbar li {
    display: inline-block;
}
#navbar li > a {
    display: block;
    color: var(--soft-white);
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 1rem;
}
.content {
    margin-top: 5rem;
}
.search {
    display: block;
    grid-column: 1;
    justify-self: center;
    align-self: center;
    margin-left: 2rem;
}
.github-mark {
    display: block;
    grid-column: 3;
    justify-self: center;
    align-self: center;
    margin-right: 2rem;
}