#navbar {
    padding:10px 0;
    font-family: var(--font-title);
    font-weight: 800;
    position: fixed;
    top:0;
    width: 100%;
    background-color: white;
    z-index:10;
    filter:drop-shadow(0 0 10px #333333)
}

#navbar h1 {
    font-size: 1.5rem;
    margin:0;
}

#navbar #action.activated {
    display: none;
}

#logo img {
    height: 30px;
}

#logo.activated img {
    height: 50px;
}

#navbar.activated #logo img {
    margin-top:-100%
}

#navbar.activated h1 {
    font-size: 1rem;
}

#navbar.activated {
    padding:5px 0;
}