body {
    font-family: Inter, sans-serif;
    background-color: rgb(30, 30, 46);
    color: rgb(205, 214, 244);
}

main {
    text-align: center;
}

.counter {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}

.control-button {
    padding: 10px 100px;
    border-radius: 10px;
    background-color: rgb(116, 199, 236);
    border: 0px;
    font-size: 20px;
    font-weight: 600;
}

/* Define the animation */
@keyframes rotateAnimation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
      
    }
}

.rotate {
    animation: rotateAnimation 2s infinite linear;
}