/* Center the loader */
#loader {
      position: fixed; top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: #85b1de url("https://pixelbby.neocities.org/3-dots-bounce.svg") no-repeat center;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      z-index: 999999; overflow: hidden;
      pointer-events: auto;



/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}