@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Roboto:wght@100;300;400;500;700;900&display=swap");
body {
  font-family: 'Roboto', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lexend Deca', sans-serif; }

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 100; }
  .loading:before {
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    border: 10px solid #EC03FD;
    border-top-color: transparent;
    border-radius: 90px;
    position: absolute;
    animation: loading 1s infinite linear; }
  .loading:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border: 10px solid #0A3EFE;
    border-top-color: transparent;
    border-radius: 50px;
    position: absolute;
    animation: loading .5s reverse infinite linear; }

@keyframes loading {
  0% {
    transform: rotate(0);
    border-color: #EC03FD;
    border-top-color: transparent; }
  50% {
    border-color: #0A3EFE;
    border-top-color: transparent; }
  100% {
    transform: rotate(360deg);
    border-color: #EC03FD;
    border-top-color: transparent; } }

/*# sourceMappingURL=loading.css.map */