html {
  height: 100%;
  color: #F9FE9F;
  background-color: #4C7B7B;
}

#dataTable {
  text-align: center;
  margin: auto;
  border-collapse: separate;
}

@media screen and (max-width: 550px){
    #dataTable {
        border-spacing: 10px 0;
    }
}

@media screen and (min-width: 551px) and (max-width: 750px){
    #dataTable {
        border-spacing: 20px 0;
    }
}

@media screen and (min-width: 751px) and (max-width: 1200px){
    #dataTable {
        border-spacing: 30px 0;
    }
}

@media screen and (min-width: 1201px){
    #dataTable {
        border-spacing: 50px 0;
    }
}

#dataTable thead tr > th {
  font-size: 30px;
  font-size: 2vw;
}

#dataBody tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
  font-size: 2vw;
}