Day 23

Not a very productive day... Just some basic CSS.
#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;

}