/*
Exercise8.css

Only contains rules that apply excuslively to Exercise 8
*/


.Menu_Desktop {
    display: flex;
    flex-direction: column;
    
    padding: 1rem;    

    background-color: hsl(var(--colour-2-hue), 50%, 95%);   
}

.active {
    background-color: hsl( var(--colour-2-hue), 50%, 90%) ;
    
}

sl-button {
    min-width: 15ch;
}

.Menu_Mobile {
    display:block;
    margin-left: auto;
    
    width:fit-content;
}

@media ( min-width: 40ch) {
   
    .Menu_Desktop {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    
        padding: 1rem;
        
        margin-inline: auto; 
    }
    

}