:root {
  --font-family: "Plus Jakarta Sans", sans-serif;
  --color-1: #5046e5;
  --color-1-text: #fff;
  --color-1-hover: #281eba;
  --color-1-hover-text: #281eba;
  --color-1-light: #c7d2fe;
}

body {
  font-family: var(--font-family);
}

a {
  color: var(--link-color);
}

button {
  text-align: left;
}

.slide-loaded {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
  opacity: 1;
}