body {
    margin: 0;
    padding: 0;
    animation: gradient 15s ease infinite;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    text-align: center; /* Centering the content */
}

.logo {
    width: 150px; /* Set the width of the logo */
    height: 150px; /* Set the height of the logo */
    border-radius: 50%; /* Make the image circular */
    margin: 20px auto; /* Centering the logo and adding some space around */
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}