/*this is the stylesheet for project 4*/

body {
  background-color: #bdbdbd;
  background-image: url"#.jpg";
  background-repeat: no-repeat;
  background-position center: center;
  background-size: cover;
}


h1 {
  margin: 0;
  font-size: 3vw;
  text-shadow: 2px 2px 1px #43a047;
}



a {
  text-decoration: none;
  color: #757575;
}


#one {                  /*shell*/
  min-width: 700px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background-color: #a4f5f3;
}



#two {
  font-family: calibri, arial, sans-serif; 
  background-color: #1bbfbd ;
  color: white;
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

#three {       /*Content*/
   background-color: #1d807e;
   padding: 10px;
   overflow: hidden;
}

#four {                     /*links*/
  font-family: calibri, arial, sans-serif; 
  background-color: #49adac;
  color: white;
  float: left;
  width: 300px;
  padding: 10px;
  height: 250px;
  border: 2px solid #2e7d32;
  border-radius: 8px;
}

#five {                     /*main*/
  font-family: calibri, arial, sans-serif; 
  background-color: #49adac;
  color: white;
  float: right;
  width: 520px;
  padding: 10px;
  height: 250px;
  border: 2px solid #2e7d32;
  border-radius: 8px;
}

#six {        /*images and animation*/
  font-family: calibri, arial, sans-serif; 
  clear: both;
  background-color: #0c4746;
  color: white;
  padding: 10px;
  text-align: center;
}

#six img {
  height: 500px;
  width: 350;
}

#seven {
  font-family: calibri, arial, sans-serif; 
  background-color: #1bbfbd;
  padding: 10px;
  text-align: right;
  
  
}