.Art { color: deeppink; }
.Language { color: lime; }
.Life { color: saddlebrown; }
.Logic { color: lightgrey; }
.Math { color: yellow; }
.Music { color: purple; }
.PE { color: red; }
.Reading { color: orange; }
.Science { color: white; }
.Social { color: cornflowerblue; }
.Completed { color: dimgrey; text-decoration-line: line-through;  }
.rainbowDrop {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    font-family: sans-serif;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    color: #fff;
    text-shadow: -4px 4px #ef3550,
    -8px 8px #f48fb1,
    -12px 12px #7e57c2,
    -16px 16px #2196f3,
    -20px 20px #26c6da,
    -24px 24px #43a047,
    -28px 28px #eeff41,
    -32px 32px #f9a825,
    -36px 36px #ff5722;
}

.rainbow {
    background: repeating-linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow_animation 50s linear infinite;
    background-size: 1000% 100%;
}

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