@font-face {
  font-family: FartiusFont;
  src: url(/assets/font/Artzius-Regular.ttf);
}

* {
  font-family: FartiusFont;
}

body {
    background: linear-gradient(to top, red, orange, yellow);
    background-size: 100% 1000%;
    animation: gradient-shift 1.5s ease infinite alternate; 
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

main {
    width: 100%;
    height: 100%;
}

.wrapper {
    position: relative;
    transform: translateY(50%);
}

.thegang > img {
  max-width: 150px;
  height: auto; 
  object-fit: contain;
}

.thegang {
    width: 30%;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

@keyframes gradient-shift {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 25%;
  }
}