html body {
  background-color: #2a2a2a;
  font-family : "Roboto";
  font-style : italic;
  font-weight : 500;
}
#page {
  height: 120%; 
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}
#titleblock {
  height: 160px; 
  width: 800px;
  padding-left: 20px;
}
h1 {
  font-size: 45px;
  color: white;
}
h2 {
  font-size: 16px;
  color: #e1e1e1;
}
#panel1 {
  position : relative;
  height : 280px;
  width : 780px;
  clip-path : polygon(0 0, 100% 0, 100% 40%, 30% 100%, 0 100%);
  border :10px solid #3b3b3b;
  float : left;
  background-color : #28d8eb;
  overflow : hidden;
}
#panel2 {
  position: relative;
  top : 40px;
  height: 240px;
  width: 360px;
  clip-path : polygon(0 0, 70% 0, 90% 20%, 100% 100%, 0 100%);
  border:10px solid #2b2b2b;
  float: left;
  background-color: #77da62;
  overflow: hidden;
}
#panel3 {
  position:relative;
  height: 280px;
  width: 400px;
  transform : skewy(345deg);
  border:10px solid #2b2b2b;
  float: left;
  background-color: #00d26d;
  overflow: hidden;
}
#panel4 {
  position:relative;
  height: 280px;
  width: 480px;
  clip-path : polygon(0 0, 90% 20%, 100% 100%, 0 100%);
  border:10px solid #2b2b2b;
  float: left;
  background-color: #ffc100;
  overflow : hidden;
}
#panel5 {
  position:relative;
  height: 280px;
  width: 280px;
  border:10px solid #2b2b2b;
  float: left;
  background-color: #ff9100;
  overflow: hidden;
}
.narration {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-size: 15px;
  padding: 15px;
  color: white;
  margin: 10px;
  background-color: #2b2b2b;
}
.bigtext {
  font-family: "Roboto";
  color: white;
  font-style: italic;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  margin: 20px;
  text-shadow:2px 2px #2b2b2b;
}
.left {
  position:absolute;
  left: 0;
}
.right {
  position:absolute;
  right: 0;
}
.top {
  position:absolute;
  top: 0;
}
.bottom {
  position:absolute;
  bottom: 0;
}
#image1 {
  position: absolute;
}
.inback {
  z-index: 1;
}
.inmiddle {
  z-index: 2;
}
.infront{
  z-index: 3;
  overflow : clip;
}