45 lines
612 B
CSS
45 lines
612 B
CSS
|
.centered-container {
|
||
|
display: grid;
|
||
|
min-height: 100vh;
|
||
|
place-content: center;
|
||
|
}
|
||
|
|
||
|
.center {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.pool-options {
|
||
|
display: grid;
|
||
|
gap: 10px;
|
||
|
}
|
||
|
|
||
|
.poll-wrapper {
|
||
|
display: grid;
|
||
|
min-height: 100vh;
|
||
|
align-content: center;
|
||
|
}
|
||
|
|
||
|
.autohide {
|
||
|
animation-name: disapear;
|
||
|
animation-duration: 4000ms;
|
||
|
animation-fill-mode: forwards;
|
||
|
}
|
||
|
|
||
|
@keyframes disapear{
|
||
|
0%{
|
||
|
opacity: 1;
|
||
|
transform: rotateX(90deg);
|
||
|
}
|
||
|
50%{
|
||
|
opacity: 0.5;
|
||
|
transform: rotateX(0deg);
|
||
|
height: auto;
|
||
|
}
|
||
|
100%{
|
||
|
display: none;
|
||
|
opacity: 0;
|
||
|
height: 0px;
|
||
|
transform: rotateX(90deg);
|
||
|
}
|
||
|
}
|