/* Backgroud Image */
body {
    background-image: url('assets/background.jpg');
    background-size: fill; /* Ensure the image covers the entire background */
    background-position: center bottom; /* Center the image */
    background-repeat: repeat-y; /* Prevent the image from repeating */
}
 
 [data-md-color-scheme="slate"] {
     --md-hue: 211; 
     --md-default-bg-color:               rgba(4, 4, 4, 0.893);
}

/* extra.css */
.empire {
    color: red;
}

.jedi {
    color: rgb(12, 76, 214);
}

.other {
    color: rgb(134, 224, 15);
}

.neutral {
    color: rgb(200, 213, 16);
}

.heading {
    color: #f5ca0e;
    /*font-weight: bold;
    font-style: italic;*/
    font-family: 'Star Jedi';
}

.lore-text {
    color: #f5ca0e;
}

/* Add Fonts */
@font-face {
    font-family: 'Star Jedi' ;
    src:url('assets/fonts/Starjout.ttf');
  }

/* Mermaid SVG Scaling */ 
.mermaid svg {
    width: max-content;      /* Adjusts the width to fill the container */
    height: max-content;     /* Maintains the aspect ratio */
}

/* Header */
.md-header__button.md-logo {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 96px;
    width: 96px;
  }

.md-header__title {
    flex-grow: 1;
    font-size: 2rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-family: "Star Jedi";
    color: #f5ca0e;
  }

:root {
    --md-primary-fg-color:        #EE0F0F;
  }