.red {
    color: rgb(223, 64, 64);
}

@keyframes dragonTextAnimation{
    25% {
        color: rgb(143, 20, 126);
    }
    50% {
        color: rgb(178, 242, 175);
    }
    75% {
        color: rgb(255, 0, 0);
    }
    100% {
        color: #df66bf;
    }
}

.dragonTextAnimation {
    &:after {
    animation: dragonTextAnimation 6s linear infinite alternate;
    content: "Dragon";
    }
}

@keyframes waterfallTextAnimation{
    25% {
        color: rgb(143, 20, 126);
    }
    50% {
        color: rgb(178, 242, 175);
    }
    75% {
        color: rgb(255, 0, 0);
    }
    100% {
        color: #df66bf;
    }
}

.waterfallTextAnimation {
    &:after {
    animation: waterfallTextAnimation 3s linear infinite alternate;
    content: "Waterfall";
    }
}

@keyframes restartTextAnimation{
    25% {
        color: rgb(213, 103, 103);
    }
    50% {
        color: rgb(80, 4, 4);
    }
    75% {
        color: rgb(255, 0, 0);
    }
    100% {
        color: #810909;
    }
}

.restartTextAnimation {
    &:after {
    animation: restartTextAnimation 8s linear infinite alternate;
    content: "Restart";
    }
}

.flavour {
    padding: 10% 17% 1% 17%;
}

.main {
    padding: 1% 17% 17% 17%;
}