body {
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Arial', sans-serif;
}
p{
  color: #0040ff;
}
h2{
  color: aliceblue;
}


.counter-display {
    color: white;
    font-size: 80px;
    font-weight: bold;
}

.animated-level {
    animation: finalize-level 0.8s ease-out forwards;
}


@keyframes finalize-level {
    0% {
        color: white;
        transform: scale(1);
    }
    50% {
        color: #00d4ff; 
        transform: scale(1.2); 
        text-shadow: 0 0 20px #007bff
    }
    100% {
        color: #007bff; 
        transform: scale(1);
        text-shadow: 0 0 10px #0040ff;
    }
}