@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;400&display=swap');
html {
  font-family: 'Outfit', sans-serif;
  background: #1a1a1a;
  color: #fff;
  text-align: center;
  user-select: none;
}

.text-center {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 38%;
    left: 38%;
    transform: translate(-38%, -38%);
    color: #777;
    font-size: 0.8333333333333334vw;
}

.chonker {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(-45deg, #482377, #8d5bf6, #a074fd );
    background-size: 400% 400%;
    animation: gradient 6s ease-in infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 5.208333333333333vw;
}

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

.logo {
    font-family: 'Outfit';
    position: absolute;
    font-weight: 400;
    bottom: 5px;
    left: 5px;
    font-size: 25px;
    color: #482377;
    text-shadow: 0 0 2px #000;
}
.logo-copy {
    font-family: 'Outfit';
    position: absolute;
    font-weight: 200;
    bottom: 33px;
    left: 7px;
    font-size: 15px;
    color: #777;
    text-shadow: 0 0 2px #000;
}