.table {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 70px;
max-width: 800px;
border: 2px solid #FB0055;
overflow: hidden;
font-size: 24pt;
font-weight: bold;
color: #FB0055;
letter-spacing: -0.5px;
text-align: center;
}
.text-animation {
margin-top: 20px;
height: auto;
animation-name: text-animation;
animation-duration: 1s;
animation-iteration-count: 1;
}
@keyframes text-animation {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0px);
}
}
@media screen and (max-width: 768px) {
.table {
font-size: 16pt;
}
}