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
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;
|
|
}
|
|
}
|