body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h5{
  color: #D8453A;
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
  
}
#content {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: url("../../assets/img/img_ghoulpool_bkg.png");
  background-size: COVER;
  background-position:center;
  /*bacgkround-position: top right;*/
  padding: 0;
  margin: 0;
}

#logo {
  position: absolute;
  top: 5vh;
  width: 100vw;
  height: 40vh;
}

#logo img {
  POSITION:ABSOLUTE;
  TOP:40%;
  LEFT:12.5%;
  WIDTH:75%;
  margin: auto;
}

.menu {
  font-family: 'Rubik';
  text-transform: uppercase;
  letter-spacing: -1px;
  color: var(--bs-black);
}

#play_now {
  position: absolute;
  top: 47vh;
  height: 10vh;
  width: 100vw;
}

#menu_item1 {
  position: absolute;
  top: 60vh;
  height: 5vh;
  width: 100vw;
  /*color: var(--bs-bl);*/
  margin: 0;
}

#menu_item2 {
  position: absolute;
  top: 65vh;
  height: 5vh;
  width: 100vw;
  /*color: var(--bs-dark);*/
  margin: 0;
  padding: 0;
}

#menu_item3 {
  position: absolute;
  top: 70vh;
  height: 5vh;
  width: 100vw;
  /*color: var(--bs-dark);*/
  margin: 0;
  padding: 0;
}

#menu_item4 {
  position: absolute;
  top: 75vh;
  height: 5vh;
  width: 100vw;
  /*color: var(--bs-dark);*/
  margin: 0;
  padding: 0;
}

#menu_item5 {
  position: absolute;
  top: 80vh;
  height: 5vh;
  width: 100vw;
  /*color: var(--bs-dark);*/
  margin: 0;
  padding: 0;
}

#notice {
  position: absolute;
  bottom: 0;
  height: 10vh;
  width: 100vw;
  background: var(--bs-black);
  color: var(--bs-white);
  margin: 0;
  padding: 0;
}