body{
  display:flex;
  flex-direction: column;
  justify-content: center;
  height:100vh;
  margin: 0;
}

form{
  max-width: 1200px;
  margin: 1em auto;
  padding: 1em;
  text-align: center;
  z-index: 1;
}
form *{
  font-size: 20px;
}
form h1{
  font-size: 100%;
}
fieldset{
	background: #fff;
}
form select {
	padding: 0.5em 0 0.5em 0.5em;
    margin: 0 0 0.75em 0;
}
form div#dropdowns {
  text-align: right;
  line-height: 1;
}
form div#dropdown-options.hide{
  display: none;
}
form div#dropdowns div.row{
    margin: 0em 0;
}

.drop{
	position:absolute;
	top:-10px;
	animation: falling 5.5s linear infinite;
	pointer-events: all;
}

#rain1, #rain2{
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100vH;
	width: 100vW;
	pointer-events: none;
}

@keyframes falling
{
  from{
    top:-200px;
  }
  to{
    top:100%;
    display:block;
  }
}

.sinus{
	animation: sinus 5.5s ease-in-out infinite;
	/* width: 30px; */
	/* height: 30px; */
}

@keyframes sinus
{
  0%{
    transform: translateX(-100px);
  }
  50%{
    transform: translateX(100px);
  }
  100%{
	transform: translateX(-100px);
  }
}