#header {
    position: absolute;
    width: 100%;
    height: 10%;
    top: 0%;
    left: 0%;
    background-color: #eee;
   }
  #title {
   position: absolute;
   top: 15%;
   left: 10%;
   font-size: 30px;
  }
 #read { 
   position: absolute;
   height: 40%; 
   width: 20%; 
   background-color: #f6f6f6; 
   top: 25%;
   left: 50%;
   font-size: 20px;
   color: black;
   border-radius: 5px;
 }
#sub {
   position: absolute;
   height: 40%; 
   width: 20%; 
   background-color: #f6f6f6; 
   top: 25%;
   left: 75%;
   font-size: 20px;
   color: black;
   border-radius: 5px;
 } 
#bodier {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 4%;
    left: 0%;
}
#ks { top: 20%; }
.buttons {
    background-color: orange;
    color: white;
    border: 1px solid black;
    height: 20%;
    width: 50%;
    font-size: 50px;
    position: absolute;
    left: 20%;
}
#ex { top: 50%; }