#top {
  position: fixed;
  top:0;
  background-color:red;
  width:100%;
  left:0;
  height:calc(100%/3);
}

#bottom {
  position:fixed;
  top:66%;
  width:100%;
  background-color:red;
  height:calc(100%/3);
  left:0;

}

#middle {
  position:fixed;
  background-color:yellow;
  top:33%;
  height:calc(100%/3);
  width:100%;
  left:0;
}

.text1 {
  font-weight:bold;

}

.italic {
  font-style:italic;

}

.textcontainer {
  position:absolute;
  text-align:center;
  width:100%;
  font-size:-webkit-xxx-large;
}

.container {
 width:100%;
 height:100%;

}

.navbar {
 width:100%;
 height:9%;
 background-color:black;
 position:fixed;
 z-index:fixed;
 top:0;
 left:0;

}