body {
    background-color: black;  
    color: white;             
    text-align: center;       
    height: 100vh;           
              
    justify-content: center;  
    align-items: center;      
    margin: 0;                
	  background-color: black;    
    color: white;               
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}
p {
    width: 80%;              
    margin: 0 auto;        
    text-align: center;    
}


table {
    margin: 20px auto;       
    width: 50%;              
    border-collapse: collapse; 
}


h1, h2 {
    text-align: center;        
}

p {
    width: 80%;                 
    margin: 20px auto;         
    text-align: justify;
}

footer {
    text-align: center;       
    margin-top: 20px;
}

#social-share {
    text-align: center;        
    margin: 20px auto;        
}

.a2a_kit {
    display: inline-block;      
}

.intro-text {
    text-align: center;     
    margin-bottom: 20px;    
}

ol {
    margin-left: 40px;      
}

ol li {
    margin-bottom: 10px;     
}

body {
    background-color: black;
    color: white;
    font-family: Arial, sans-serif;
}



body {
    position: relative;
    overflow: hidden; /* Ensures sparkles stay within the page */
}

/* Sparkle container */
.sparkle {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: white; /* Color of sparkles */
    border-radius: 50%; /* Makes it a circle */
    box-shadow: 0 0 10px white, 0 0 20px white; /* Gives it a glowing effect */
    animation: sparkleMove 3s infinite;
    opacity: 0;
}

/* Keyframes for sparkle movement */
@keyframes sparkleMove {
    0% {
        transform: translate(0, 0);
        opacity: 0.5;
    }
    50% {
        opacity: 1;
        transform: translate(100px, 100px); /* Moves sparkle */
    }
    100% {
        opacity: 0;
        transform: translate(200px, -200px); /* Further movement */
    }
}