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.

96 lines
1.3 KiB
CSS

body{
display:flex;
flex-direction: column;
justify-content: center;
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;
}
form button a,
form button a:visited{
color: black;
text-decoration: none;
}
form div#info{
padding: 0 12.5vw;
}
.drop{
position:absolute;
top:-10px;
animation: falling 5.5s linear infinite;
pointer-events: all;
}
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;
}
}
input.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);
}
}
@media screen and (max-width: 1200px){
form div#dropdowns{
text-align: center;
}
}