.particles span{
    position:absolute;
    width:3px;
    height:3px;
    background:#fff;
    opacity:.25;
    filter:blur(.3px);
    animation:float 9s linear infinite;
}

@keyframes float{
    from{transform:translateY(20px)}
    to{transform:translateY(-140px)}
}
body,contact.html{
  width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  background:linear-gradient(90deg,#242424,rgb(73,72,72));
}

/* GRID BG */
body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:50px 50px;
  z-index:0;
}

/* PARTICLES */
#particles{
  position:fixed;
  inset:0;
  z-index:-1;
}