body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;
}

#home-page-title
{
  color: var(--color-beige);
  display: flex;
  justify-content: center;
  margin: 0px;
  font-size: 15vmin;
  height: 100%;
  align-items: center;
  text-align: center;
  animation: 5s title-shadow forwards 1;
}

@keyframes title-shadow
{
  0% {text-shadow: none}
  50% {text-shadow: none}
  80% {text-shadow: var(--color-dark-red) 1px 1px 2px;}
  100% {text-shadow: var(--color-dark-red) 2px 2px 4px;}
}


#home-page-button-box
{
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  gap: 15px;
}


#home-page-login, #home-page-register, #home-page-discover
{
  width: 200px;
}


button
{
  box-shadow: 0px 0px 4px 0px var(--color-dark-red);
  text-shadow: 1px 1px 2px var(--color-dark-red);
}


#wave
{
  fill: var(--color-red);
  position: absolute;
  left: 0%;
  width: 100%;
  background-color: transparent;
  z-index: -5;
  height: 100%;
  top: 0%;
}


canvas.photon
{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -10;
}