body {
    margin: 0;
    font-family: "Lato", sans-serif;
  }
  
select{
  height: 2.5em;
  width: 10em;
  font-size: 1.2em;
  text-transform: uppercase;
  border: 0.5px solid gray ;
  border-left:none;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}

.div0{
  display: flex ;
  flex-wrap: wrap;
}

.div1{
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: tomato ;
  padding:15px;
  color: white;
  border: 1px solid grey;
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  border-right: none;
  padding: 8px;
  height: 2.5em;
}
.div1:hover{
  color:  black;
  background-color:white;
}

.infect{
height: 10em;
width: 100$;
font-size: 1.2em;
border-radius: 2em;
background: linear-gradient(to bottom, #a5c9fd 0%, #a5c9fd 6%, #a7cbff 8%, #a5c9fd 11%, #a7cbff 11%, #aacffc 28%, #b0d5ff 44%, #b0d6fb 48%, #b5dbff 62%, #b4dbfc 62%, #b8dffe 75%, #bae2fb 79%, #bce4fe 91%, #bde6fa 96%, #bee7fd 100%);
padding:15px;
}

.inf_1{
  float: left;
  width: 100%;
  text-align: center;
}
.inf_2{
  width: 100%;
  text-align: center;
  float:left;
}

.cured{
  height: 10em;
  width: 100$;
  font-size: 1.2em;
  border-radius: 2em;
  background: linear-gradient(to bottom, #9ae69c 0%, #9ce999 5%, #9cea9e 6%, #9cea9e 6%, #a0e99a 10%, #a3eb95 24%, #adee92 36%, #adee90 40%, #b3ef8f 45%, #b0f08f 46%, #b4f18a 50%, #b7f18d 51%, #b6f08a 53%, #baf18b 58%, #c4f780 77%, #c9f681 86%, #ccfa7e 90%, #cbf77c 94%, #cff87e 96%, #cff87e 100%);
  padding:15px;
  }

  .death{
    height: 10em;
    width: 100$;
    font-size: 1.2em;
    border-radius: 2em;
    background: linear-gradient(to bottom, #ff8582 0%, #fe8685 16%, #ff908e 44%, #fe908f 53%, #ff9692 62%, #ff9597 67%, #ff9a98 84%, #ff9b9b 85%, #fe9c9d 91%, #ff9e98 96%, #ff9d9c 96%, #ff9e9d 100%);    padding:15px;
    }
  
    @media only screen and (max-width: 600px) {
    .aft {
        margin-top: 1em;
      }
    }