:root {
            --primary: #0072CE;
            --secondary: #47D7AC;
            --logo: url('https://api.miluz.io/file/picture/7537206a-c531-4ec5-bd52-a54a90f20292_Logotipo principal.svg');
        }

        .main-body {
            animation: background-fade 10s forwards;
        }

        * {
            -webkit-tap-highlight-color: transparent !important;
        }

        @keyframes background-fade {
            0% {
                background: var(--logo) center center no-repeat,
                    linear-gradient(315deg, #47D7AC 0%, #0072CE 100%);
                background-size: 55%, 100%;
            }
            90% {
                background: var(--logo) center center no-repeat,
                    linear-gradient(315deg, #47D7AC 0%, #0072CE 100%);
                background-size: 55%, 600%;
            }
            100% {
                background: white center center no-repeat, white;
                background-size: 55%, 700%;
            }
        }

        @media only screen and (min-width: 768px) {
            .main-body {
                background: var(--logo) center center no-repeat,
                    linear-gradient(315deg, #47D7AC 0%, #0072CE 100%);
                -o-background-size: 55% auto, 100% !important;
                -webkit-background-size: 55% auto, 100% !important;
                -moz-background-size: 55% auto, 100% !important;
                background-size: 55% auto, 100% !important;
            }
        }