*{
  padding:0;
  margin:0;
  box-sizing:border-box;
}

nav{
  height:60px;
  background:pink;
  line-height:60px;
  margin-bottom:20px;
  width:auto;
 }

 nav li {
  float:left;
  width:16.66%;
  text-align:center;
  list-style-type:none;
  font-weight:bold;
 }

 nav a {
  color:rgb(1, 10, 7);
  text-decoration:none;
}

body{
  background:lavenderblush;
}


form{
  max-width:400px;
  margin:0 auto 10px;
}

label {
  display:block;
  margin-bottom:5px;
}

input, textarea {
width:100%;
display:block;
margin-bottom:10px;
height:30px;
}

textarea {
  resize:none;
  height:120px;
}

input[type=submit] {
  width:auto;
} 

fieldset {
  border:1px solid purple;
  padding:10px;
}

h1, h2 {
  text-align:center;
  margin:20px 0;
  font-size:3em;
   }


h2{
  text-align:center;
  margin-bottom:10px;
}

p {
  text-align:center;
}

footer {
  height:60px;
  line-height:60px;
  background: pink;
  clear:both;
}

footer ul{
  display:flex;
  justify-content:center;
  list-style-type:none;
}

footer li{
  justify-content:center;
  margin:0 15px;
}

.error {
  color:red;
  font-style:italic;
  font-size:.9em;
  margin-top:15px;
}

.box {
  width:400px;
  border:1px solid purple;
  margin:20px auto;
  padding:10px;
}