@font-face {
    font-family: Ethnocentric;
    src: url('../res/fonts/Ethnocentric.otf') format('opentype');
}

.us {
  animation: gradient-change 2s linear infinite alternate;
  background: linear-gradient(to right in oklch, var(--color-1), var(--color-2));
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text;
  color: transparent;

  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0.1em;
}

/* ============ */

/* .loader {
    perspective: 1000px;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}
.loader:after {
    color: #FFE815;
    transform: rotateY(70deg);
    animation-delay: 0.4s;
} */