body{
  background-image: url("images/index.jpeg");
  font-family: Calm Serif;
  font-size: 20px;
  color: white;
}
@font-face{
  font-family:Header;
  src:url("PirataOne-Regular.ttf");
}
h3{
 font-family: Header; 
 padding: 0;
 text-align: center;
 font-size:40px;
 margin-left: 10%;
 margin-top: 5%;
 margin-bottom: 0;
}
@font-face{
  font-family:Calm Serif;
  src:url("Calm Serif.otf");
}
.lobby{
  background-color: black;
  border: solid 4px white;
  border-radius: 20px;
  width:  50%;
  height:300px ;
  margin: 100px auto;
}
.text{
  text-align: left;
  width: 50%;
  margin-left: 32%;
  margin-top: 1%;
}
#bride{
  position: absolute;
  left: 22%;
  top: 25%;
}
button{
  background-color: black;
  border: solid 2px white;
  border-radius: 10px;
  width: 100px;
  height: 50px;
  font-family: Witch Party;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  margin-top: 5%;
  margin-left: 25%;
}
button:hover{
  -webkit-filter: drop-shadow(0 0 5px white);
  filter: drop-shadow(0 0 5px white);
}
.age{
  position: absolute;
  bottom: 20%;
  left: 62%;
  filter: grayscale(100%);
}