[data-theme=light],
:root:not([data-theme=dark]) {
  --background-color: #0a0a12;
  --card-background-color: #b30fc92d;
  --card-sectionning-background-color: #e74ab069;
  --card-sectioning-border-radius: 100px;
  --primary: #460347;
  --primary-hover: #facf41;
  --border-radius: 30px
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --background-color: #0a0a12;
    --card-background-color: #d6098b69;
    --card-sectionning-background-color: #eb379169;
    --primary: #f95a28;
    --primary-hover: #ff9f00;
  }
}

body {
  background-image: url("image/confetti3.png"), linear-gradient(45deg, #271e3c, #0a0a12 40%, #30142c 60%, #0a0a12 90%);
  background-position: center, center;
  background-size: cover, cover;
}

p {
  color: #cfefff;
}

h1 {
  color: white;
}

footer p,
header p {
  color: white;
}

.glow {
  box-shadow: 0px 0px 6em 0em #09aae0;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

.exo {
  font-family: 'Exo 2', sans-serif;
}

.center-text {
  text-align: center;
}