* {
    padding: 0;
    margin: 0;
}

h1 {
    text-align: center;
    margin: 0;
    padding: 0;
}

.rainbow {
    background: linear-gradient(
            to right,
            #000000,
            #5a9bc6,
            #2ccc2c,
            #e68c04,
            #c31b80,
            #3d40c5
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 30s ease-in-out;
    background-size: 1000% 100%;
}

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

.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}