@import url('https://fonts.googleapis.com/css?family=Pirata+One|Rubik:900');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
body {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #141E30;
background: linear-gradient(to right, #24243e, #141E30, #0f0c29); 
font-family: 'Rubik', sans-serif;}



h1 {
position: relative;
background: linear-gradient(to right, #24243e, #141E30, #0f0c29);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
text-transform: Uppercase;
margin-bottom: .5em;
font-family: 'Rubik', sans-serif;
font-size: 6rem;
color: #E4E5E6;
}

h1:before,
h1:after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0; }

h1:before {
z-index: -1;
text-shadow: -0.001em -0.001em 1px rgba(255,255,255,.15)}

h1:after {
z-index: -2;
text-shadow: 10px 10px 10px rgba(0,0,0,.5), 20px 20px 20px rgba(0,0,0,.4), 30px 30px 30px rgba(0,0,0,.1);
mix-blend-mode: multiply; }

h2 {
margin-top: -1.15em;
font-family: 'Pirata One', cursive;
font-size: 3rem;
color: #F7971E;
text-align: center;}

h2 spam {
  font-size: .5em; 
}
.lds-heart {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
  transform-origin: 40px 40px;
}
.lds-heart div {
  top: 32px;
  left: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background: #fff;
}
.lds-heart div:before {
  left: -24px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -24px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes ldio-tyvzqbtg7t-1 {
  0% { transform: rotate(0deg) }
 50% { transform: rotate(-45deg) }
100% { transform: rotate(0deg) }
}
@keyframes ldio-tyvzqbtg7t-2 {
  0% { transform: rotate(180deg) }
 50% { transform: rotate(225deg) }
100% { transform: rotate(180deg) }
}
.ldio-tyvzqbtg7t > div:nth-child(2) {
transform: translate(-15px,0);
}
.ldio-tyvzqbtg7t > div:nth-child(2) div {
position: absolute;
top: 40px;
left: 40px;
width: 120px;
height: 60px;
border-radius: 120px 120px 0 0;
background: #f8b26a;
animation: ldio-tyvzqbtg7t-1 1s linear infinite;
transform-origin: 60px 60px
}
.ldio-tyvzqbtg7t > div:nth-child(2) div:nth-child(2) {
animation: ldio-tyvzqbtg7t-2 1s linear infinite
}
.ldio-tyvzqbtg7t > div:nth-child(2) div:nth-child(3) {
transform: rotate(-90deg);
animation: none;
}@keyframes ldio-tyvzqbtg7t-3 {
  0% { transform: translate(190px,0); opacity: 0 }
 20% { opacity: 1 }
100% { transform: translate(70px,0); opacity: 1 }
}
.ldio-tyvzqbtg7t > div:nth-child(1) {
display: block;
}
.ldio-tyvzqbtg7t > div:nth-child(1) div {
position: absolute;
top: 92px;
left: -8px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #e15b64;
animation: ldio-tyvzqbtg7t-3 1s linear infinite
}
.ldio-tyvzqbtg7t > div:nth-child(1) div:nth-child(1) { animation-delay: -0.67s }
.ldio-tyvzqbtg7t > div:nth-child(1) div:nth-child(2) { animation-delay: -0.33s }
.ldio-tyvzqbtg7t > div:nth-child(1) div:nth-child(3) { animation-delay: 0s }
.loadingio-spinner-bean-eater-j8o5t0jv9zq {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: none;
}
.ldio-tyvzqbtg7t {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-tyvzqbtg7t div { box-sizing: content-box; }


.col-9 {

  display: flex;
  justify-content: center;
  align-items: center; 
}
.fortext {
  font-size: 40px;
  color: #fff;
  

 
}
a:link {
  color: #F8B26A;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration:underline;
}