body {
  font-family: 'Peralta';
  font-size: 70px;


}
.test {
  -webkit-animation: squiggly-anim 0.34s linear infinite;
          animation: squiggly-anim 0.34s linear infinite;
}
body {
  line-height: 100vh;
  background: inherit;
  color: #fff;
}
.test {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  outline: none;
  text-align: center;
  line-height: 1.5;
}
.small {
  font-size: 25px;
}
.smaller {
  font-size: 25px;
}
p {
  margin: 0;
}
@-webkit-keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }
  25% {
    filter: url("#squiggly-1");
  }
  50% {
    filter: url("#squiggly-2");
  }
  75% {
    filter: url("#squiggly-3");
  }
  100% {
    filter: url("#squiggly-4");
  }
}
@keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }
  25% {
    filter: url("#squiggly-1");
  }
  50% {
    filter: url("#squiggly-2");
  }
  75% {
    filter: url("#squiggly-3");
  }
  100% {
    filter: url("#squiggly-4");
  }
}

*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

 .message {
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px #fff, 0 0 20px #f0f, 0 0 30px yellow, 0 0 40px cyan;
    animation: glitter 1.5s infinite alternate;
    padding: 20px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 20px;
  }

  /* Glitter effect animation */
  @keyframes glitter {
    0% { text-shadow: 0 0 5px #fff, 0 0 10px #f0f, 0 0 15px yellow; }
    50% { text-shadow: 0 0 10px #fff, 0 0 20px #f0f, 0 0 30px cyan; }
    100% { text-shadow: 0 0 5px #fff, 0 0 10px yellow, 0 0 15px #f0f; }
  }

  /* Responsive text */
  @media (max-width: 768px) {
    .message {
      font-size: 2em;
      padding: 15px;
    }
  }

  @media (max-width: 480px) {
    .message {
      font-size: 1.5em;
      padding: 10px;
    }
  }


.home {
    height: 100vh;
    position: relative;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-content {
    position: relative;
    padding-top: 10px;
    color: #FFf;
    text-align: center;
}

}

.home p {
    font-size: clamp(25px, 4vw, 40px);
    margin-top: 10px;
}

.home-content button {
    display: block;
    font-size: clamp(14px, 1.5vw, 18px);
    border: 1px solid #3D79F2;
    border-radius: 5px;
    background: rgba(61, 121, 242, 0.5);
    color: #FFf;
    margin: 10px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}

.home-content button:hover {background-color: rgba(61, 121, 242, 0.29);
}

 *****************************************************************************