.cont{
    overflow:hidden;
  }
  .menu{
    float:left;

  }
  .menu a {
  background-color:#00AFEF;
  padding: 8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:#000000;
border-radius: 10px;
}
.main {
  float:left;
  width:80%;
  padding:0 20px;
  color:black;
}

  .data{
    position:absolute;
    left:150px;
  }

  table.result {
    border-collapse: collapse;
  }

  table.result th {
    border: 1px solid black;
    padding: 4px;
   background-color: grey;
   color: white;
  }

  table.result tr:nth-child(even) {
    background-color: lightgrey;
    color: black;
  }
  table.result td {
    border: 1px solid black;
    padding: 4px;
  }

/* ===================================================
   FULL PAGE SCALE FOR MOBILE
   Literally shrinks entire layout 50% (like zoom out)
   =================================================== */

  @media (max-width: 768px ) { /* 768px*/
  html {
    transform: scale(0.5);    /* scales everything down 30% use to be 50% */
    transform-origin: top left;   /* anchor top-left corner */
    width: 200%;                  /* counteract the visual shrink */
  }



  body {
    transform: none !important;   /* don’t double-scale body */
    overflow-x: hidden;           /* prevent side scrollbars */
/*Change Font Rem 
  }

  input,
  textarea,
  select {
    font-size: 32px !important;
    */
  }
}