main.css

table{
    border: 1px solid black;
    border-collapse: collapse;
    width: 90%;
    font-size: 200%;
    white-space:pre-line
    
  }
  tr,td{
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
  }
  th{
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    background-color: rgb(0, 103, 120);
    color: white;
  }

  label{
      
      margin: 1%;
      font-size: 150%;
      /* color:rgb(8, 45, 114) ; */
  }
  input{
    font-size: 150%;
    margin: 5px;
  }

  .btn1 {
    -webkit-border-radius: 21;
    -moz-border-radius: 21;
    border-radius: 21px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    background: #0cc2cf;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 50%;
    height: 10%;
    
  }
  
  .btn1:hover {
    background: #067ab0;
    text-decoration: none;
  }
#draw_button{
    
    text-align: center;
}
button{
    display: inline-block;
}
.btn2 {
    -webkit-border-radius: 21;
    -moz-border-radius: 21;
    border-radius: 21px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    background: #03a83a;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 10px;
  }
  
  .btn2:hover {
    background: #03d92d;
    text-decoration: none;
  }