body {
  margin: 0;
  font-family: GreatVibes;
}
#particles-js canvas {
  display: block;
  background-image: url("../img/background-1080-min.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
} 
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
}
#AwnserText {
  color: rgb(200 200 200 / 50%);
  font-size: 531%;
  text-align: center;

  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
@font-face {
  font-family: 'GreatVibes';
  src: url('../font/GreatVibes-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 550px) {
  #AwnserText {
    color: rgb(200 200 200 / 50%);
    font-size: 381%;
  }
}