/* extra.css */
.red-text {
    color: red;
}

.yellow-text {
    color: goldenrod;
}

.green-text {
    color: green;
}

.hidden {
    display: none;
}
  
.spoiler-text {
    color: rgb(64, 211, 106);
    text-decoration: bold;
}

/* Backgroud Image */
body {
    background-image: url('assets/background.jpg');
    background-size: cover; /* Ensure the image covers the entire background */
    background-position: center bottom; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}

:root {
   /* Primary color shades */
   --md-primary-fg-color:               rgb(236, 232, 232);
   --md-primary-fg-color--light:        rgb(56, 105, 239);
   --md-primary-fg-color--dark:         rgb(56, 105, 239);
   --md-primary-bg-color:               hsla(210, 38%, 28%);
   --md-primary-bg-color--light:        rgb(56, 105, 239);

   /* Accent color shades*/
   --md-accent-fg-color:                rgb(196, 200, 144);
   --md-accent-fg-color--transparent:   hsla(210, 38%, 28%);
   --md-accent-bg-color:                hsla(210, 38%, 28%);
   --md-accent-bg-color--light:         hsla(210, 38%, 28%);
}

[data-md-color-scheme="slate"] {
    --md-hue: 211; 
    --md-default-bg-color:               hsla(210, 38%, 28%);
  }