header {
    display: flex;
    flex-direction: row;
    border-bottom:  1px solid black;
    min-height: 5em;
    
}
header > * {
    flex-basis: 100%;
}

.header-item-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.8em;
    font-family: 'Courier New';
}


nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5em;
}

.nav-item{
    font-size: 1.5em;
}

.nav-item a{
    text-decoration: none;
    color: black;
}
.nav-item a:hover{
    cursor: pointer;
}