body {
                position: relative;
                background-color: #2C2F33;
                overflow: hidden;
                height: 100%;
            }
            .rainbow-text, .rainbow-text2, .rainbow-text3, .rainbow-text4 {
                font-size: 6vw;
                font-family: helvetica;
                background-image: repeating-linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
                -webkit-background-clip: text;
                width: max-content;
                margin: auto;
                position: absolute;
                transform: translate(-50%, -50%);
                color: transparent;
                animation: rainbow 5s ease infinite;
                -webkit-animation: rainbow 5s ease infinite;
                -moz-animation: rainbow 5s ease infinite;
                -o-animation: rainbow 5s ease infinite;
                -ms-animation: rainbow 5s ease infinite;
                background-size: 800% 800%;
            }
            
            .rainbow-text2 {
                background-image: repeating-linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
                animation: rainbow2 5s ease infinite;
                -webkit-animation: rainbow2 5s ease infinite;
                -moz-animation: rainbow2 5s ease infinite;
                -o-animation: rainbow2 5s ease infinite;
                -ms-animation: rainbow2 5s ease infinite;
            }
            
            .rainbow-text3 {
                background-image: repeating-linear-gradient(to top, violet, indigo, blue, green, yellow, orange, red);
                animation: rainbow3 5s ease infinite;
                -webkit-animation: rainbow3 5s ease infinite;
                -moz-animation: rainbow3 5s ease infinite;
                -o-animation: rainbow3 5s ease infinite;
                -ms-animation: rainbow3 5s ease infinite;
            }
            
            .rainbow-text4 {
                background-image: repeating-linear-gradient(to bottom, violet, indigo, blue, green, yellow, orange, red);
                animation: rainbow4 5s ease infinite;
                -webkit-animation: rainbow4 5s ease infinite;
                -moz-animation: rainbow4 5s ease infinite;
                -o-animation: rainbow4 5s ease infinite;
                -ms-animation: rainbow4 5s ease infinite;
            }
            
            @keyframes rainbow {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 90%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
            }

            @-moz-keyframes rainbow {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 90%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
            }

            @-webkit-keyframes rainbow {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 90%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
            }

            @-o-keyframes rainbow {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 90%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
            }

            @-ms-keyframes rainbow {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 90%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
            }
            
            @keyframes rainbow2 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 23%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
            }

            @-moz-keyframes rainbow2 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 23%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
            }

            @-webkit-keyframes rainbow2 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 23%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
            }

            @-o-keyframes rainbow2 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 23%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
            }

            @-ms-keyframes rainbow2 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 20%;
                }
        
                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 23%;
                }
        
                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 80%;
                }
            }
            
            @keyframes rainbow3 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 42%;
                }

                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }
            }

            @-moz-keyframes rainbow3 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 42%;
                }

                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }
            }

            @-webkit-keyframes rainbow3 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 42%;
                }

                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }
            }

            @-o-keyframes rainbow3 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 42%;
                }

                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }
            }

            @-ms-keyframes rainbow3 {
                0% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 42%;
                }

                100% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }
            }
            
            @keyframes rainbow4 {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 65%;
                }

                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }
            }

            @-moz-keyframes rainbow4 {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 65%;
                }

                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }
            }

            @-webkit-keyframes rainbow4 {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 65%;
                }

                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }
            }

            @-o-keyframes rainbow4 {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 65%;
                }

                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }
            }

            @-ms-keyframes rainbow4 {
                0% {
                    background-position: 0% 50%;
                    top: 120%;
                    left: 20%;
                }

                50% {
                    background-position: 100% 25%;
                    top: 50%;
                    left: 65%;
                }

                100% {
                    background-position: 0% 50%;
                    top: -20%;
                    left: 80%;
                }
            }