html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper { width: 100%; height: 100%; } .btn-music { width: 2rem; height: 2rem; background-color: transparent; position: fixed; top: 1.5rem; right: 1.5rem; z-index: 999; border: 0.125rem solid #fff; border-radius: 50%; padding: 0; animation: btnMusicAni 3s infinite linear } @keyframes btnMusicAni { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .btn-music .icon{ text-align: center; width: 1rem; height: 1rem; } .btn-music.paused { opacity: 0.4; animation: none; } .loading-overlay { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9999; } .loading-overlay-list{ width: 10rem; height: 10rem; text-align: center; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .loading-overlay img { width: 10rem; height: 10rem; /*margin: auto;*/ /*position: absolute;*/ /*top: 0;*/ /*bottom: 0;*/ /*left: 0;*/ /*right: 0;*/ } .loading-overlay p{ color: white; font-size: 1.2em; }