:root {
            --primary: #0072CE;
            --secondary: #47D7AC;
            --logo: url('https://api.miluz.io/file/picture/af1ff8c2-37b3-4d04-8715-154075cbb8b4_logo-miluz.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;
            }
        }