::-webkit-scrollbar {
	display: none;
}

:root {
    --cwek: linear-gradient(90deg, #0f0f0f, #121414, #181C1C);
}

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

body {
    font-family: "Source Code Pro", monospace;
    color: white;
    height: 100%;
    width: 100%;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .3s;
    background-color: rgb(15, 15, 15);
    background-size: 300%;
    background-image: var(--gradient);
    animation: bg-animation 9s infinite;
}

.gradient {
    display: flex; 
    justify-content: center;
    background: linear-gradient(-45deg, #5865F2, #17509d, #124ea5, #23d5ab);
    background-size: 400% 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation-name: gradient;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    transition: .3s;
}


@keyframes bg-animation {
    0% {background-position: left}
    50% {background-position: right}
    100% {background-position: left}
}

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