/* Begin Custom Fonts */
@font-face {
  font-family: "Bellerose";
  src:url(/extra/fonts/Bellerose.ttf);
}

@font-face {
  font-family: "PerfectPen";
  src:url(/extra/fonts/ppen.ttf);
}

@font-face {
  font-family: "Heroic";
  src:url(/extra/fonts/heroic.ttf);
}
/* End Custom Fonts */

/* Change Slate Colors */
[data-md-color-scheme=slate] {
     --md-hue: 210;
     --md-default-fg-color--light: #c4be0e;
     --md-default-bg-color:               rgba(2, 77, 8, 0);
     --md-default-fg-color:               #f5ca0e;
     --md-default-fg-color--light:        hsla(64, 81%, 46%, 0.863);
    /* Accent color shades*/
     --md-primary-fg-color:               rgba(24, 24, 24, 0.641);
     --md-primary-bg-color:               hsla(64, 81%, 46%, 0.863);
      }

body {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/extra/assets/background.jpg');
    background-size: cover; /* Ensure the image covers the entire background */
    background-position: top center; /* Center the image */
    background-repeat: repeat-y; /* Prevent the image from repeating */
    /*filter: blur(2px); /* Apply blur effect */
    /*height: 100vh; /* Full viewport height */
    /*position: relative;*/
}
/* End Change Slate Colors*/

/* Begin Header CSS Config */
.md-header__button.md-logo {
    margin-top: 0;
    margin-bottom: 2;
    padding-top: 2;
    padding-bottom: 3;
    color: rgb(74, 207, 74);
    border: 2px solid #f5ca0e;
    border-radius: 55%;
  }
  
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 64px;
    width: 64px;
  }

.md-header__title {
    flex-grow: 2;
    font-size: 1.5rem;
    height: 3.5 rem;
    letter-spacing: 2px;
    line-height: 2.5rem;
    font-family: "Heroic";
    color: #f5ca0e;
}

.note {
      color: #0ef516;
}

.md-typeset h1 {
    color: #0ef516;
    /*-webkit-text-stroke-width: 2px; */
    /*-webkit-text-stroke-color: black; */
    /*font-family: 'DeathStar';*/
}

.md-typeset h2 {
    color: #0ef516;
    /*-webkit-text-stroke-width: 2px; */
    /*-webkit-text-stroke-color: black; */
    /*font-family: 'DeathStar';*/
}