Day 133

Working it.
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

#header-div {
width: 100%;
height: 9rem;
position: relative;
background-color: #40e0d0;
border: 2px solid #c0c0c0;
border-radius: 15px;
box-shadow: 0 2px 5px #33b3a6;
}

#header-div h1 {
margin: 0;
position: absolute;
width: 55%;
top: 56%;
left: 51%;
transform: translate(-50%, -50%);
font-size: 8vw;
color: #000080;
}

#main-nav {
margin: 0;
padding: 5px;
position: absolute;
width: 75%;
top: 11%;
left: 51%;
transform: translate(-50%, -50%);
border-radius: 10px 10px 10px 10px;
border: 1px solid #c0c0c0;
box-shadow: 0 2px 3px #33b3a6;
overflow: hidden;
list-style-type: none;
font-size: .8rem;
/*border-radius: 12px 12px 0 0;*/
/*border-bottom: 1px solid #c0c0c0;*/
background-color: #66e6d9;
}

#main-nav .left {
float: left;
margin-left: .5rem;
}

#main-nav .right {
float: right;
margin-right: .5rem;
}