@import url("https://fonts.googleapis.com/css2?family=Anton&family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Francois+One&family=Oswald:wght@200..700&display=swap");

body{
    background: rgb(8, 7, 43);
  background: -moz-linear-gradient(
    148deg,
    rgba(8, 7, 43, 1) 0%,
    rgba(10, 12, 41, 1) 37%,
    rgba(54, 7, 15, 1) 100%
  );
  background: -webkit-linear-gradient(
    148deg,
    rgba(8, 7, 43, 1) 0%,
    rgba(10, 12, 41, 1) 37%,
    rgba(54, 7, 15, 1) 100%
  );
  background: linear-gradient(
    148deg,
    rgba(8, 7, 43, 1) 0%,
    rgba(10, 12, 41, 1) 37%,
    rgba(54, 7, 15, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08072b",endColorstr="#36070f",GradientType=1);
  background-repeat: no-repeat;
  min-height: 97vh;

}
.box h2{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: gold !important;
}
.loading{
  font-family: fantasy;
  color:  rgb(175, 165, 166) !important;
}

@keyframes blink {
  0%, 100% {
      color: red;
  }
  33% {
      color: blue;
  }
  66% {
      color: white;
  }
}

.loading-dots span {
  animation: blink 1s infinite;
}

.loading-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
  animation-delay: 0.4s;
}
.wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    height:95vh;
}