@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body {
  margin: 0;
  height: 100vh;
  background: #02000C;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #D1CFEB;
  font-family: "Inter", sans-serif;
}

/* PRELOADER ================= */
#preloader {
  position: fixed;
  inset: 0;
  background: #02000C;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 1s ease, visibility 1s ease;
}

#preloader img {
  width: 100px;
  height: 100px;
}

#preloader.hide {
  opacity: 0;
  visibility: hidden;
}

#content {
  display: none;
  width: 100%;
}



/* Fullscreen Canvas */

#bgCanvas{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}




/* MAIN ================= */
.coming-soon-content {
  width: 480px;
  height: auto;
}

img.logo-area {
  max-width: 16rem;
  height: auto;
}

p {
  font-family: "Google Sans", sans-serif;
  font-size: 1.5rem;
}

span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #67676c;
}