@import url('//fonts.googleapis.com/css?family=Rubik:300,400,500&display=swap');
            @import url('//fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:500&display=swap');

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body, html {
                width: 100%;
                height: 100%;
            }

            .loading {
                position: fixed;
                top: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                width: 100%;
                background: url('https://4kwallpapers.com/images/wallpapers/ipad-air-2022-stock-dark-background-dark-mode-3840x2160-7907.png') no-repeat center center/cover;
                animation: pulse2 1.5s infinite, moveLeft 1s 1.5s forwards; /* 1s para la animación de desaparecer después de 3 segundos */
                z-index: 9999;
            }

            .loading img {
                border-radius: 999px;
                width: 150px;
                height: 150px;
                animation: spinAndReturn 1.5s infinite;
            }

            @keyframes pulse2 {
                0% {
                    transform: scale(1);
                    opacity: 1;
                }
                50% {
                    transform: scale(1.01); 
                    opacity: 1;
                }
                100% {
                    transform: scale(1);
                    opacity: 1;
                }
            }

            @keyframes spinAndReturn {
                0% {
                    transform: rotate(0deg);
                    opacity: 1;
                }
                50% {
                    transform: rotate(360deg);
                    opacity: 1;
                }
                100% {
                    transform: rotate(0deg);
                    opacity: 1;
                }
            }

            @keyframes moveLeft {
                0% {
                    transform: translateX(0);
                    opacity: 1;
                }
                100% {
                    transform: translateX(-100%);
                    opacity: 0;
                }
            }

            .hidden {
                display: none;
            }