* {
    margin: 0;
}

body{
    background-color: #84adff;
    height: 100vh; 
    background: #111; 
    margin: 0;
}

div#space{
    height: 500px;
}

.square {
  width: 50px;
  height: 50px;
  background: #aaa;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

/*========= LoadingのためのCSS ===============*/
#splash {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    color: #fff;
}
 
#splash_text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
}
 
.loader_cover {
    width: 100%;
    height: 50%;
    background-color: #333;
    transition: all .2s cubic-bezier(.04, .435, .315, .9);
    transform: scaleY(1);
}
 
.loader_cover-up {
    transform-origin: center top;
}
 
.loader_cover-down {
    position: absolute;
    bottom: 0;
    transform-origin: center bottom;
}

html,

/* snow */
#snow_particlesjs{
  background-color: #546a97;
}

/* fireworks */
#animeBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 14px 28px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  background: #1e229d;
  color: white;
  cursor: pointer;
}