canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.text {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  color: #2427f1;
  max-width: 90%;
  padding: 2em 3em;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 2px #131415;
  font-family: "Open Sans", sans-serif;
}

h1 {
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: -1px;
}

a,
a:visited {
  color: #e34234;
  transition: 0.25s;
}

a:hover,
a:focus {
  color: #ba160c;
}

.card{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  //border-top: 12px solid rgba(255,255, 255, 0.2);
  //border-left: 12px solid rgba(255,255, 255, 0.2);
  border-radius:15px;
  backdrop-filter:blur(3px) ;
  background:rgba(255,255, 255, 0.1);
  overflow: hidden;
  //box-shadow:8px 8px 20px rgb(0 0 0 / 30%);
  //margin:30px;
}