41 lines
661 B
CSS
41 lines
661 B
CSS
.achievement {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: -1;
|
|
}
|
|
|
|
.achievement-animate {
|
|
animation-name: moveup;
|
|
animation-duration: 2s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.achievment-column {
|
|
height: 100%;
|
|
overflow: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.achievement-text {
|
|
font-size: 4rem;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.achievment-column {
|
|
height: 50%;
|
|
}
|
|
}
|
|
|
|
@keyframes moveup {
|
|
from {bottom: 0px;}
|
|
to {bottom: 200px; color: white;}
|
|
}
|
|
|
|
@keyframes fadeout {
|
|
from {}
|
|
to {color: transparent;}
|
|
} |