* {
  font-family: "ralewayBold";
  /* font-weight: 800; */
}

.maintenance {
  font-weight: 800;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.maintenance a {
  color: #00b76c;
  font-family: "ralewayBlack";
  font-weight: normal;
}

h1 {
  font-size: 2.2em;
  color: #205ca5;
  font-weight: 900;
  font-family: "ralewayBlack";
}

.maintenance img {
  position: relative;
  margin: -10% 0px -10%;
  height: auto;
  max-width: 100%;
  z-index: -1;
}

span {
  color: #205ca5;
  font-family: "ralewayBlack";
/* font-weight: 900; */
}

.black {
  font-family: "ralewayBlack" !important;
  font-weight: normal;
}

.container {
  position: absolute;
  top: 150px;
  left: 47%;
  width: 100px;
  height: 100px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.loader {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #00b76c;
  transform: rotateX(65deg) rotate(45deg);
  color: #205ca5;
  animation: layers1 1s linear infinite alternate;
}

.loader::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(249, 207, 70, 0.5);
  animation: layerTr 1s linear infinite alternate;
}

@keyframes layers1 {
  0% { box-shadow: 0px 0px 0 0px }
  90% , 100% { box-shadow: 25px 25px 0 -4px }
}

@keyframes layerTr {
  0% { transform: translate(0, 0) scale(1) }
  100% { transform: translate(-30px, -30px) scale(1) }
}