


body {
  background-color: aqua; 
}

#owl {
  position:absolute;
  top: 20px;
  left: 20px;
  display: inline;
  font-size: 24px;
  font-weight: bold;
}

#grad1 {
  font-size: 24px;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  #grad1 {
    font-size: 20px;
    text-align: center;
  }
}

.button {
    font-size: 20px;
}

#reportParam {
    font-size: 24px;
}

#grad2 {
    text-align:center;
    font-size: 24px;
}

@media only screen and (max-width: 750px) {
  #grad2 {
    font-size: 11px;
    text-align: center;
  }
}

#grad3 {
  height: 5000px; 
  text-align: left;
  margin-left:20px;
  font-size: 25px;
}

a {
    font-size: 25px;
}

table { 
  table-layout: fixed;
  width: 100%;
}

td, th {
  width: 30%;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 3px;
}

th:first-child {
  width: 7%;
}
