I have moved on to the next thing my instructor asked us to do, which is kind of working. Everything seems to be formatted the same, but the background is now white instead of black.
Here is what he is asking
Here is my code in cssex.css
body {background: black;
color: White;
}
a {color: Gray;}
.header {border: 2px solid yellow;
height: 75px;
width: 100vw;
position: absolute;
top: 0px;
left: 0px
}
.header h1 {text-align: center;}
.footer{border: 2px solid yellow;
height: 75px;
width: 100vw;
position: absolute;
bottom: 0px;
left: 0px
}
.middle{position: absolute;
left: 0px;
top: 75px;
bottom: 75px;
display: flex;
flex-flow: row;
width: 100vw;
border: 2px solid yellow
}
.sidebar{border: 2px solid yellow;
width: 200px;
}
.sidebar a:hover {font-style:italic;}
.sidebar a:visited {color: Green;}
.sidebar a:active {font-size: larger;}
.mainbody {border: 2px solid yellow;
flex-grow: 1
}