style.css

*{
  margin: 0;
  padding: 0;
}
#container{
  width: 1200px;
  height: 733px;
  margin: 0 auto;
}
  #header{
    background-color: #63e0ff;
    width: 1200px;
    height: 40px;
    padding: 30px 0px;
  }
    #header h1{
      text-align: center;
      letter-spacing: 2px;
      font-size: 50px;
      font-family: "cooper black";
    }
  #nav{
    background-color: black;
    width: 1200px;
    height: 50px;
  }
   #nav ul{
     list-style: none;
   }
     #nav ul li{
       font-size: 30px;
       float: left;
       background: black;
       color: white;
       width: 200px;
       padding: 8px;
       text-align: center;
     }
     #nav ul li:hover{
       background: #63e0ff;
       color: black;
     }
     #nav a{
       color: white;
     }
     #nav a:hover{
       color: black;
     }
  #main{
    background-color: #dedede;
    width: 1200px;
    height: 500px;
  }
    #left{
      background-color: lightblue;
      width: 700px;
      height: 500px;
      float:left;
    }
    #right{
      background-color: lightgreen;
      width: 500px;
      height: 500px;
      float:left;
    }
  #footer{
    background-color: #63e0ff;
    width: 1200px;
    height: 83px;
  }

form{
  width:400px;
  background-color: silver;
  padding: 20px;
  border: 2px solid black;
  margin: 0 auto;
}
input[type="text"], input[type="password"] {
  width: 200px;
  border: 1px solid black;
}
textarea{
  resize: none;
  border: 1px solid black;
}
input[type="submit"]{
  border: 1px solid black;
}

a:link{
  color: blue;
}
a:visited{
  color: purple;
}
a:hover{
  color: orange;
}
a:active{
  color:green;
}