/* this is the stylesheet for project4 */

body {
  background-color: #434949;
  background-image: url(#.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

h1 {
  margin: 0;
  font-size: 3vw;
  text-shadow: 3px 3px 4px #00c8ff;
}

h2, h3 {
  margin: 0;
}

a {
  text-decoration: none;
  color: #757b7d;
}

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

#two {                  /*header*/
  font-family: calibri, arial, sans-serif;
  background-color: #8feeff;
  color: white;
  text-align: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

#three {                /*content*/
  background-color:#434949;
  padding: 10px;
  overflow: hidden;
}

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

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

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

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

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