/* Preloader CSS. Change the background color by swapping out #fff in the background property. You can also find more preloader icons here: https://samherbert.net/svg-loaders/  */
        #preloader {
        align-items: center;
        justify-content: center;
        width: 100%;
        display: flex;
        position: fixed;
        height: 100vh;
        left: 0;
        top: 0;
        background: #fff
          url("https://samherbert.net/svg-loaders/svg-loaders/spinning-circles.svg")
          no-repeat center;
        z-index: 9999;
    }
    </style>

    <script>
  // Preloader JS
        var loader = document.getElementById("preloader");
        window.addEventListener("load", function () {
          loader.style.display = "none";
        });
        
        //Fade out, optional
        var s = document.getElementById("preloader").style;
        s.opacity = 1;
        (function fade() {
          (s.opacity -= 0.1) < 0 ? (s.display = "none") : setTimeout(fade, 40);
        })();
    </script>