body {
    margin:0;
    padding: 0;
}
h1.o {
    margin:0;
    padding: 0;
    text-align:center;
    position: absolute;
    top: 20%;
    left: 32%;
    transform: translateY(-50%);
    font-size: 3em;
  

}
section {
    position: relative;
    margin:0;
    padding: 0;
    width: 100%;
    height:100vh;
    background-color: turquoise;
    background-size: cover;

}
#curve {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#curve path {
    fill:yellow;
}
section.a {
    width: 100%;
    height: 100vh;
    background-color: yellow;
    
}
input.COVID {
    position: absolute;
    left: 5%;
    top: 35%;
   background-image: url('corona1.jpg');
   background-size: 300px 200px;
   background-repeat: repeat-x;
   height: 200px;
   width: 300px;
   border-radius:30%;
   

}
h1.t {
    position: absolute;
    top: 63%;
    left: 5%;
    background-color: white;
    padding-left: 30px;
    padding-right: 55px;
    border-color: white;
    font-family:monospace ;
    color: teal;

   
}
input.COVID{
    border-color: turquoise;
    border-width: 1px;
    border-style: none;
   
}
input.COVID:hover {
    border-color: yellow;
    border-width: 10px;
    border-style: dashed;
}
input.a {
    position: absolute;
    left: 35%;
    top: 35%;
    height: 200px;
    width: 300px;
   background-image: url('shutterstock_1695271357__1_.jpg');
   background-size: 300px 200px;
   background-repeat: repeat-x;
   border-radius:30%;

}
h1.b {
    position: absolute;
    top: 63%;
    left: 35%;
    background-color: white;
    padding-left: 90px;
    padding-right: 92px;
    border-color: white;
    font-family:monospace ;
    color: teal;

   
}
input.a{
    border-color: turquoise;
    border-width: 1px;
    border-style: none;
   
}
input.a:hover {
    border-color: yellow;
    border-width: 10px;
    border-style: dashed;
}
input.d {
    position: absolute;
    left: 65%;
    top: 35%;
    height: 200px;
    width: 320px;
   background-image: url('Collage 2020-11-05 21_57_36__01.jpg');
   background-size: 300px 200px;
   background-repeat: repeat-x;
   border-radius:30%;

}
h1.e {
    position: absolute;
    top: 63%;
    left: 65%;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    border-color: white;
    font-family:monospace ;
    color: teal;

   
}
input.d{
    border-color: turquoise;
    border-width: 1px;
    border-style: none;
   
}
input.d:hover {
    border-color: yellow;
    border-width: 10px;
    border-style: dashed;
}
input.s {
    position: absolute;
    left: 20%;
    top: -20%;
    height: 200px;
    width: 300px;
   background-image: url('symptoms1.png');
   background-size: 300px 200px;
   background-repeat: repeat-x;
   border-radius:30%;

}
h1.q {
    position: absolute;
    top: 8%;
    left: 20%;
    background-color: white;
    bac
    padding-left: 113px;
    padding-right: 103px;
    border-color: white;
    font-family:monospace ;
    color:orange;

   
}
input.s{
    border-color: turquoise;
    border-width: 1px;
    border-style: none;
   
}
input.s:hover {
    border-color: turquoise;
    border-width: 10px;
    border-style: dashed;
}
input.r {
    position: absolute;
    left: 50%;
    top: -20%;
    height: 200px;
    width: 300px;
   background-image: url('worldd.jpg');
   background-size: 300px 200px;
   background-repeat: repeat-x;
   border-radius:30%;

}
h1.u {
    position: absolute;
    top: 8%;
    left: 50%;
    background-color: white;
    padding-left: 15px;
    padding-right: 8px;
    border-color: white;
    font-family:monospace ;
    color: orange;

   
}
input.r{
    border-color: turquoise;
    border-width: 1px;
    border-style: none;
   
}
input.r:hover {
    border-color: turquoise;
    border-width: 10px;
    border-style: dashed;
}
h1.hii{
    color: white;
    position: absolute;
    top: 15%;
    left: 15%;
    font-size: 3em;
}