body {
    font-family: 'myriad-pro';
    background-color: rgb(50, 50, 50);
    color: white;
    margin: 0;
}

#myInput {
    width: 10cm;
    font-size: 16px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: .4cm;
    margin-top: 1cm;
    margin-left: 2.8cm;
  }
  
  #myTable {
    border-collapse: collapse;
    width: 90%;
    font-size: 18px;
    display: table;
    margin: 1cm auto;

  }
  
  #myTable th, #myTable td {
    text-align: left;
    padding: 12px;
    color: white;
  }

  #myTable th, #myTable td a{
    color: white;
  }


tr:hover:not(.header) {
  background-color: rgb(87, 87, 87);
  transition: 0.3s;


}
  
  #myTable tr {
    border-bottom: 1px solid #ddd;
  }

p {
    margin-left: 3cm;
}

/*end*/

@media screen and (max-width: 700px) {
    #myInput {
        width: 90%;
        margin: 0;
      }

    p {
        margin: 1cm;
    }
}