Day 70

Working out some issues...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

* {
font-size: 16px;
box-sizing: border-box;
}

body {
background-color: #f0ead6;
}

input {
  text-align: center;
}

/* #test {
  display: block;
  margin: auto;
width: 840px;
}

#aliasRegName {
  display: block;
  margin: auto;
max-width: 840px;
} */

#main-div {
margin: auto;
max-width: 960px;
}

#main-1, #main-2/*, #regName*/ {
  display: block;
  margin: auto;
max-width: 700px;
}

#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;
}

#main-nav li a {
display: block;
color: #000080;
text-align: center;
padding: 0.1rem 0.1rem;
text-decoration: none;
}

#main-nav li a:hover {
background-color: #66e6d9;
color: #000066;
}