html { width:100%; height:100%; margin:0 padding:0; }
body { width:100%; height:100%; margin:0; padding:0;}

.p-4 {
        margin-bottom: 50px;
}

.p-3{
    margin-top: 50px;
}

#prediction {
  text-align:center;
  padding: 6%;
  width: 45%;
  margin: auto;
  border-radius: 40px;
  background-color: #F7DE3A;
  color: black;
}

@media screen and (max-width: 900px) {
  #prediction {
  text-align:center;
  padding: 6%;
  width: 70%;
  margin: auto;
  border-radius: 40px;
  background-color: #F7DE3A;
  color: black;
    }
}







.jumbotron {
    text-align:center;
}

nav {
      padding: 24px;
      text-align: center;
}
h2 {
 color: #f20f0f;

}
nav a {
  color: white;
  font-size: 20px;
  padding: 20px 0;
  margin: 0 5px;
  font-size: 17px;
}

nav a:hover {
  background-color: #22853d;
}

#own-bottom-margin {
  margin-bottom: 10%;
}

footer {
  padding-top: 5%;
}

.my-signup {
    background-color:#d5d7f0;
    padding:20px;
    border-radius: 25px;
    margin-top: 50px;
    margin-bottom:80px;
}

.form-group {
    align-items-center;
}