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

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

body {
    color: #537abd;
    user-select: none;
    background-color: rgb(15, 15, 15);
    background-size: 300%;
    background-image: var(--gradient);
    animation: bg-animation 9s infinite;
}

.kurwica {
    display: flex; 
    justify-content: center;
    margin: 16px;
    opacity: 0;
    animation: slide-up 0.5s ease forwards;
    animation-delay: 0.5s;
}

.embed {
    display: flex;
    justify-content: center;
    background-color: #23272a;
    padding: 20px;
    border-radius: 10px;
    max-width: 350px;
    height: 60px;
    animation: slide-up 0.5s ease forwards;
    animation-delay: 0.5s;
}

.embed-thumbnail {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.embed-content {
    flex: 1;
}

#server-name {
    font-size: 20px;
    margin: 0;
    margin-top: 5px;
}

#member-count, #online-count {
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
}

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

  
@keyframes slide-up {
    from {
      transform: translateY(25px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
}