body {background-color:#121212; color:#555555; margin: 0;}

#ParticleCanvas{
  background-color: #121212;
  position: absolute;
  top: 0;
  z-index: -1;
  margin: auto;
  padding: 0;
  width: 100%;
}

#welcome_banner{
  width: 100%;
  top: 100px;
  width: calc(100% - 25%);
  height: 100%;
  padding-top: 10%;
  background-color: transparent;
  margin-inline: auto;
  display: flex;
  text-align: center;
}

#welcome_content{
  display:inline-block;
  margin: auto;
  align-items: center;
  text-align: center;
  animation-fill-mode: forwards;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
  background-color:rgba(33, 26, 61, 0.303);
  border-radius: 10px;
}


h1{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  letter-spacing: .6rem;
}

p{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  letter-spacing: .1rem;
  font-weight: bolder;
  opacity: 0.8;
}

img{
  margin: auto;
  height: 20%;
  transform: rotate(-15deg);
  animation-name: glow;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  width: 20%;
  padding-top: 2rem;

}


@keyframes fadein {
  from {background-color:rgba(33, 26, 61, 0.303)}
  to { background-color:rgba(33, 26, 61, 0.633);}
}

@keyframes fadeout {
  from { background-color:rgba(33, 26, 61, 0.633);}
  to {background-color:rgba(33, 26, 61, 0.303)}
}

@keyframes glow{
  from {filter: drop-shadow(0px 0px 13px white)}
  to {filter: drop-shadow(0px 0px 15px white)}
}

