header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;

    h1 {
        font-size: medium;
    }

    border-bottom: 1px solid var(--accent);
    menu {
        display: flex;
        justify-content: flex-end;
        list-style: none;
        padding: 0;
        gap: 5px;
        width: 50%;
        li{
            outline: 2px solid rgb();
            padding: 2px;
            a {
                color: var(--text);
            }
            &:hover{
                outline: 2px solid var(--background);
                filter: brightness(93%);
                border-radius: 5px;
                /*a{
                    color: var(--text);
                    filter: brightness(200%);
                }*/
            }
        }
    }
}