/* (PART A) SPLASH SCREEN */
#splash {
  /* (A1) FULLSCREEN */
  position: absolute; top: 10; left: 0; z-index: 999;
  width: 100vw; height: 5vh;

  /* (A2) CENTER */
  display: flex;
  align-items: center; justify-content: center;

  /* (A3) COSMETICS */
  font-size: 18px;
  color: #26315F; background: #2ed3ae; opacity: 2;
}

/* (A4) TO HIDE THE SPLASH SCREEN */
#splash.hide {
  opacity: 0; visibility: hidden;
  transition: all 1s;
}

/* NOT IMPORTANT - COSMETICS */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}