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.
76 lines
969 B
CSS
76 lines
969 B
CSS
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{
|
|
width: 200%;
|
|
position:absolute;
|
|
top:-10px;
|
|
animation: falling 5.5s linear infinite;
|
|
}
|
|
|
|
@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);
|
|
}
|
|
}
|