You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

112 lines
1.4 KiB
CSS

body{
display:flex;
flex-direction: column;
justify-content: center;
margin: 0;
}
div#start{
/* text-align: left; */
padding: 0 16vw;
margin: 1em 0 2em 0;
}
form{
max-width: 1200px;
margin: 0 auto;
padding: 1em;
text-align: center;
z-index: 1;
}
form *{
font-size: 16px;
}
form h1{
font-size: 100%;
}
fieldset{
background: #fff;
}
form select {
padding: 0.75em 0 0.75em 0.5em;
margin: 0 0 0.75em 0;
}
form button, input[type=submit] {
padding: 0.75em 1em;
}
form div#dropdowns {
line-height: 1;
}
form div#dropdown-options.hide{
display: none;
}
form div#dropdowns div.row{
margin: 0em 0;
}
form div#info{
padding: 0 12.5vw;
}
marquee{
text-align: center;
width: 400px;
}
marquee button{
margin-bottom: 1em;
}
a,
a:visited{
color: black;
}
button a{
text-decoration: none;
}
div#rain1, div#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;
}
}
.drop{
position:absolute;
top:-10px;
animation: falling 19.5s linear infinite;
pointer-events: all;
}
input.sinus{
animation: sinus 19.5s ease-in-out infinite;
}
@keyframes sinus
{
0%{
transform: translateX(-100px);
}
50%{
transform: translateX(100px);
}
100%{
transform: translateX(-100px);
}
}
@media screen and (max-width: 1200px){
form div#dropdowns{
text-align: center;
}
}