* {
	margin: 0;
	padding: 0;
}

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color:#212529;
  margin-top: 60px;
}

.foot-p{
   color: wheat;
   margin-top: 10px;
}

body, html{
  background-image: linear-gradient(rgba(0, 0, 0, 0.952), rgba(0, 0, 0, 0.904)), url("covid19Img2.jfif");
  /* background-repeat: no-repeat; */
  background-size: cover;
  /* background-position: center; */
  height: 100vh;


}

#form_caption{
  color: white;
  font-weight: 500;
  margin: auto;
  text-align: center;
  border-bottom: red solid 2px;
  width: 40%;
  margin-bottom: 7px;
}

.output_caption{
  color: white;
  font-weight: 500;
  margin: auto;
  text-align: center;
  border-bottom: red solid 2px;
  width: 70%;
  margin-bottom: 7px;
  margin-top: 20px;
  font-size: large;
}

.modal-body{
  background-image: linear-gradient(rgba(0, 0, 0, 0.973), rgba(0, 0, 0, 0.973)), url("covid19Img2.jfif");
  color: white;
  border-left: rgb(233, 129, 129) solid 2px;
  border-right: rgb(233, 129, 129) solid 2px;
  border-bottom: rgb(233, 129, 129) solid 2px;
}

.modal-header{
  background-color: rgb(247, 169, 169);
  color: white;
}

.modal-footer{
  background-color: rgb(247, 169, 169);
  color: white;
}

a #navbar-brand {
  color: white;
}

div#write_up{
color: white;
border-radius: 100px;
box-shadow: 1px 5px 30px rgb(233, 129, 129);
font-weight: 500;
padding: 30px;
text-align: justify;
line-height: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#write_up_para{
  margin-top: 10px;

}

.write_up_para{
  color: rgb(247, 169, 169);
  margin: 0%;
  border-top: red solid 2px;
}

.write_up_para1{
  color: rgb(247, 169, 169);
  margin: 0%;
}

#write_up1{
  color: rgb(247, 169, 169);
  font-weight: 800;
  font-size: large;
  padding: 25px;
  text-align: justify;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  }

#myForm{
  box-shadow: 1px 5px 30px rgb(233, 129, 129); 
  border-radius: 100px;
  box-shadow: 1px 5px 30px rgb(233, 129, 129);
  padding: 20px;
  text-align: right;
}



input{
  display: inline-block;
  border-radius: 25px;
  width: 40%;
  line-height: 0;
  margin: 15px;
  padding: 4px;
  font-weight: 700;
}
input:focus, #myBtn:focus, select:focus{
  border: none;
  outline: none;
}


#submit{
  border-radius: 25px;
  width: 40%;
  line-height: 0;
  margin: 10px;
  padding: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

#submit:hover{
  background-color: #212529;
  color: white;
}

p #more {
  display: none;
}

#bed{
  color: white;
}



button .navbar-brand, .btn .navbar-brand{
  color: white; 
  background-color: #212529;
}

button .navbar-brand:hover{
  color: white; 
  background-color: #212529;
}

/* .btn .navbar-brand{
  color: white; 

} */

@media screen and (max-width: 800px) {
  input {
    width: 100%;
  }

  form label{
    display: none;
  }

  form .timeToElapse{
    width: 100%;
  }

  form .periodType{
    width: 67%;
  }
  .avgDailyIncomePopulation{
    margin-bottom: 22px;
  }

  .region{
    width: 79%;
  }

  button .navbar-brand, .btn .navbar-brand{
    width: 150px;
    height: 40px;
    font-size: small;
    /* padding: 0%; */
  }
  
}


@media screen and (max-width: 576px) {
  #myForm{
    margin-top: 20px;
  } 

  #firstGroup{
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 0px;
  }
}


select{
  border-radius: 25px;
  width: 40%;
  padding: 5px;
}

.timeToElapse, .periodType{
  width: 20%;
}

label{
  font-weight: 500;
  color: white;
  display: none;
  display: block;
}

/* #remove_footer_space{
  height: 100vh;
} */

footer{
  background-color: rgb(33, 41, 49);
  text-align: center;
  /* overflow: none; */
}

#secondGroup{
  display: none;
}
.Output_1, .Output_2, .Output_3{
  width: 100%;
  margin: 10px auto;
  color: black;
  background-color: rgba(255, 255, 255, 0.836);
  text-align: justify;
  line-height: 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
  padding: 8px;
  border-radius: 25px;
}

.Output_1 span, .Output_2 span, .Output_3 span{
  color: rgb(136, 2, 2);
  font-weight: 800;
}


.stn-now-bt{
  padding: 7px;
   background-color: #17a2b8;
    border-radius: 5px;
     color: white !important;
      /* margin: 20% 40% 0% 0% ; */
}

.est-now{
  padding: 29px;
  background-color: #afdde4;
  border-radius: 30%;
  text-align: center;
  margin: 65px;
}

form{
  display: none;
}