body{
 font-family:sans-serif;
 font-size:small;
 padding:10px;
 line-height:2em;
 background-image: url("images/fhro2ky87q73.jpg");
 background-repeat: no-repeat;
 background-size: cover;
}

.topnav {
 text-align: center;
 background-color: white;
 opacity: 0.8;
 border-radius: 30px;
 opacity: 0.8;
 color: black;
 padding: 10px;
 margin: 10px;
}

.form{
 background-color: white;
 border-radius: 30px;
 border: 1px solid grey;
 width: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5%;
}

.form-group {
 position: relative;
 text-align: center;
}

input {
  border-radius: 10px;
  border: 1px solid #eee;
  margin:10px 15px;
  padding:10px;
  border:0;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  }

.form-input {
 padding:10px;
 border-radius:10px;
 margin-top: 30px;
}

button{
  border-radius: 10px;
  border: 1px solid #eee;
  margin:30px 46%;
  padding:10px;
  border:0;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}

#spoiler{
 text-align: center;
 background-color: white;
 opacity: 0.8;
 border-radius: 30px;
 color: black;
 padding: 10px;
 margin: 10px;
}

footer {
 background: grey;
 color: white;
 border-radius: 30px;
 opacity: 0.8;
 position: absolute;
 bottom: 0; 
  right: 24%;
 width: 50%;
 text-align: center;
}