/*
    Home.css

    Rules applicable only to the home page
*/

#InstructorCourseInfo {
    padding: 2em;
}

#InstructorCourseInfo > div {
    outline: solid black 1px;
    width: fit-content;
    padding: 1em;
    margin-bottom: 1em;
    margin-inline: auto;

    box-shadow: .25em .25em .5em hsl(  var(--colour-1-hue), 
                                  var(--colour-1-saturation), 
                                  var( --colour-1-lightness), .25 );

}


#SidebarInfo {
    padding-inline: 2em;
}


#SidebarList > div {
    padding: 1em;
    margin-inline: auto;
    margin-bottom: 1em;

    min-width: 20em;
    max-width: 20em;
    
    border-radius: 5%;
}



#SidebarList div:nth-of-type(odd) {
    background: hsl(  var(--colour-1-hue), 
                      calc( var(--colour-1-saturation) - 60%), 
                      calc( var( --colour-1-lightness) + 45%) );
                                
}

#SidebarList div:nth-of-type(even) {
    background: hsl(  var(--colour-1-hue), 
                      calc( var(--colour-1-saturation) - 50%), 
                      calc( var( --colour-1-lightness) + 50%) );
}