html, body {
    height: 100%; /* Full height for the body */
    margin: 0;    /* Remove default margin */
    background-color: black; 
    font-family: "Comic Sans MS", "Comic Sans"
}

/* INFINITE RAINBOW FOR <p> */
 p {
    animation: colorChange 1s infinite; /* 5 seconds, infinite loop */
}

@keyframes colorChange {
    0% {
        color: rgb(255, 00, 00); /* Blue */
    }
    20% {
        color: rgb(255, 255, 00); /* Orange */
    }
    40% {
        color: rgb(00, 255, 00); /* Green */
    }
    60% {
        color: rgb(0, 140, 255); /* Yellow */
    }
    80% {
        color: rgb(153, 0, 255); /* Red */
    }
    100% {
        color: rgb(255, 00, 00); /* Red */
    }
}

.container {
    display: flex;              /* Use Flexbox */
    justify-content: center;    /* Center horizontally */
    align-items: center;        /* Center vertically */
    height: 100%;               /* Full height for the container */
}