/* CIT 230 - Assignment Portal CSS Template */
/* I did change some of the code */
* { margin: 0; box-sizing: border-box} 

body { 
    font-size: 16px; 
    line-height: 32px;
    font-family: verdana, sans-serif, arial;
    color: black;
    background-color: white;
}
header, main, footer {
    margin: 1rem auto;
    padding: .1rem;
    max-width: 57.5rem;
}
header, footer, footer a {
    text-align: center;
    background-color: midnightblue;
    color: whitesmoke;
}
header{
    display: flex;
    flex-flow: row;
    align-content: space-around;
}
.studentName {
    font-size: 1.3rem;
    color: white;
    flex: 1 1 auto;
}
header img {
    align-self: flex-end;
}
main{     
    border-bottom: 1px solid #bbb;
    display: flex;
    flex-direction: column;
}
h2 {
    font-size: 1.15rem;
    text-align: center;
    border-bottom: 1px solid #bbb;
}
li{
    font-size: 0.83rem;
    text-align: left;
}

footer {
    display: flex;
    font-size: 0.6rem;
    flex-flow: row;
}
footer p{   
    flex: 1 1 auto;
}