.glow-text 
{

  z-index: 1;

  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  font-size: 4rem;
  color: #C8C8D2;
  transition: all 0.3s ease-in-out;
  cursor: pointer;

}

.glow-text-static
{

  z-index: 1;

  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  font-size: 4rem;
  color: #A569FF;

  text-shadow: 
  0 0 10px #a569ff,
  0 0 20px #a569ff,
  0 0 30px #a569ff;

}

.divs
{

  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: rgba(125, 125, 125, 0.025);
  padding: 20px;
  backdrop-filter: blur(4px);
  border: 1px solid;
  border-radius: 8px;
  border-width: 1px;
  border-color: #A569FF;
  display: block;

}

.glow-text:hover 
{

  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  color: #A569FF;

  text-shadow: 
    0 0 10px #a569ff,
    0 0 20px #a569ff,
    0 0 30px #a569ff

}

body
{

  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  
}

canvas 
{

  display: block;
  z-index: -1;

}

#particles-js 
{

  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #030308;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;

}