:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --background-color: #f5f5f5;
    --text-color: #333333;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    padding: 20px;
}

.content h2 {
    font-size: 6rem;
}


.content h2::after {
    content: '';
    animation: dots 3s steps(4, end) infinite;
}

@keyframes dots {
    0%, 20% {
        content: '';
    }
    40% {
        content: ' .';
    }
    60% {
        content: ' ..';
    }
    80%, 100% {
        content: ' ...';
    }
}