html,body {

    background-image: url('background-image.jpg');

    background-attachment: fixed;

    background-size: cover;

    margin:0px;

    height:100vh;

}

.center {

  height:100%;

  display:flex;

  align-items:center;

  justify-content:center;

}

.form-input {

  width:350px;

  padding:20px;

  background: rgba(0,0,0,0.2);

  border-radius: 20px;

}

.form-input input {

  display:none;

}

.form-input label {

  display:block;

  width:100%;

  height:50px;

  line-height:50px;

  text-align:center;

  background:#333;

  color:#fff;

  font-size:15px;

  font-family:"Open Sans",sans-serif;

  text-transform: uppercase;

  font-weight:600;

  border-radius:10px;

  cursor:pointer;

  margin-bottom: 10px;

}

.form-input img {

  width:100%;

  height:300px;

  display:none;

  margin-bottom: 20px;

}

#thebutton{

  display:none;

  width:65%;

  height:50px;

  text-align:center;

  background:#5267a6;

  color:#fff;

  font-size:15px;

  font-family:"Open Sans",sans-serif;

  text-transform: uppercase;

  font-weight:600;

  border-radius:10px;

  cursor:pointer;

  margin: 0 auto;

}

#prediction{

  display:none;

  width:65%;

  height:50px;

  text-align:center;

  background:#5267a6;

  color:#fff;

  font-size:15px;

  font-family:"Open Sans",sans-serif;

  text-transform: uppercase;

  font-weight:600;

  border-radius:10px;

  cursor:pointer;

  margin: 0 auto;

}