:root {
  --body-bg-image: url('https://nexyte.me/media/background.gif');
  --bg-dark: #08031A;
  --bg-card: #13092D;
  --bg-player: rgba(36, 20, 69, 0.9);
  --bg-main: #43256E;
  --accent-pink: #ED64F5;
  --accent-turquoise: #0C9;
  --text-light: #fceaff;
}

@font-face {
  font-family: "Nunito";
  src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf');
}
@font-face {
  font-family: "Nunito";
  src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: "Nunito";
  src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf');
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
  font-style: italic;
  font-weight: bold;
}

html {
  box-sizing: border-box;
}

body {
  font-family: Nunito, "Nunito", sans-serif;
  margin: 0;
  background-color: var(--bg-dark);
  background-image: var(--body-bg-image);
  color: var(--text-light);
}

a {
  text-decoration: none;
  color: var(--accent-pink);
  font-weight: bold;
}

h1, h2, h3, strong {
  color: var(--accent-pink);
}

h1 {
  font-size: 25px;
}

audio {
  width: 100%;
}