@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);


body {
  background-color: green;
  
  position:absolute;
  overflow:hidden;
  left:0px;
  margin:0px;

}

.header {
  position:absolute;
  margin-left: 20px;
  margin-top: 30px;
}

.heading {
  font-family: 'Helvetica', sans-serif;
  background:black;
  color:white;
  width:700px;
  padding:10px; 
  
}

a {text-decoration: none;
  color:white;
}
.divline {
  position:absolute;
  height:1200px;
  width:860px;
  margin-left:800px;
  background:black;
  margin-top: 0px;
  top:-30px;
}

#content {
  position:absolute;
  font-family: 'Helvetica', sans-serif;
  
  width:450px;
  margin-top: 200px;
  margin-left: 100px;
}

#conthead {

  position:absolute;
  font-family: 'Helvetica', sans-serif;
  font-size: 16px;
  color:white;

}

#conthead p {

  position:absolute;
  font-family: 'Helvetica', sans-serif;
  font-size: 12px;
  color:black;
  top: 30px;

}

#body {
  position:absolute;
  font-size: 14px;
  margin-top: 80px;
  margin-left: 100px;
  left:180px;
  width:350px;
  color:black;
  
}

#projdesc {
  position: absolute;
  margin-top: 500px;
  font-size: 16px;
  color:white;
  width:560px;
  
}

.img {
  position: absolute;
  margin-top: 100px;
}
.img p {
  width:255px;
  font-family: 'Helvetica', serif;
  font-size: 10px;
  color:white;
}

#nextpage {
  position: absolute;
  margin-left: 900px;
  left:600px;
  margin-top: 750px;
  font-family: 'Helvetica', sans-serif;
  font-size: 16px;
  color:white;
  width:100px;
  padding:10px;
  animation-name: movingtext;
  animation-duration: 10s;
  animation-iteration-count: 20;
}

.element {   
  background-color: white;
  position: absolute;
  left:1000px;
  top:200px;
  color: white;
  width: 500px; 
  height: 500px;
  margin: 30px auto;
  text-align: justify;
  shape-inside: polygon(0 0,  500px 0, 350px 300px, 150px 300px);
  
  transition: all 2s ease; 
  -webkit-clip-path: polygon(0 0,  500px 0, 350px 300px, 150px 300px);
} 
.element:hover {
  shape-inside: polygon(150px 0, 350px 0, 500px 300px, 0px 300px);
  -webkit-clip-path:  polygon(150px 0, 350px 0, 500px 300px, 0px 300px);
 /* shape-inside: circle(50%, 50%, 50%);
  -webkit-clip-path: circle(50%, 50%, 50%); */
} 
#lastpage {
  position: absolute;
  font-family: 'Helvetica', sans-serif;
  font-size: 16px;
  left:900px;
  top:760px;
}