:root {
  --primary-color: #4a56e2;
  --secondary-color: #747dd6;
  --white-color: #ffffff;
  --spacing-small: 10px;
  --spacing-medium: 20px;
  --spacing-large: 40px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.container > * {
  opacity: 0; /* Make elements initially invisible */
  animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.discord-button {
  transition: background-color 0.3s ease;
  color: var(--white-color);
  background-color: var(--primary-color);
  padding: var(--spacing-small) var(--spacing-medium);
  border-radius: var(--spacing-small);
}

.discord-button:hover,
.discord-button:focus {
  background-color: var(--secondary-color);
}

body {
  background: var(--primary-color) url("background.svg") center / cover
    no-repeat;
  backdrop-filter: blur(3px);
}

.description {
  color: #d1d1d1; /* Slightly muted text color */
  margin-bottom: 20px;
  font-style: italic;
}

.features-list {
  list-style-type: disc; /* Default bullet points */
  margin-top: 20px;
  margin-bottom: 25px;
  text-align: center;
}

.features-list li {
  font-weight: bold;
  margin-bottom: 8px;
}