body{
    color: white;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
}

.container {
	width: 80%;
	margin: auto;
  overflow: hidden;
  
}


#main-header{
  background-color: teal;
  padding: 0;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-family: 'Boogaloo', cursive;
}

#navbar{
  height: 60px;
  width: 100%;
  background-color: #333;
  margin-bottom: 0;
}

#navbar ul{ 
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

#navbar li{
  float: left;
  margin-left: 180px;
}

#navbar li a{
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 80px 14px 80px;;
  position: center;
  
  text-decoration: none;
}

#navbar a:hover{
  background-color: white;
  color: teal;
    
}


#navbar a{
    color: teal;
    font-family: 'Luckiest Guy', cursive;
  	text-decoration: none;
	font-size: 32px;
	padding-right: 15px;
}

form{
  padding-top: 100px;
  font-size: 32px;
}


label{
  color: #333;
  font-family: 'Luckiest Guy', cursive;
}

input[type=text], textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit] {
  background-color: teal;
  font-family: 'Luckiest Guy', cursive;
  color: white;
  padding: 15px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 4vh;
}
input[type=submit]:hover{
  font-family: 'Luckiest Guy', cursive;
  color: #01646C;
}

footer{
    position: fixed;
    height: 50px;
    background-color: teal;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin-bottom: 0px;
}