/*Styles Mermaid palette*/
[data-md-color-scheme="mermaid"] {

/*Styles header bar*/
.md-header {
    background-color: #fffbf7;
    color: #404040;
}

/*Adds gradient to site background*/
/*.md-container {
    background-image: linear-gradient(135deg, #EAD6FF 0%, #D7EBFF 50%, #F8D6E8 100%);*/
    
.md-main {
  background: linear-gradient(300deg, #EAD6FF, #D7EBFF, #F8D6E8);
  /*background: linear-gradient(300deg, deepskyblue, darkviolet, blue);*/
  background-size: 180% 180%;
  animation: unicorn-test 20s ease infinite;
  background-attachment: fixed;
}

  /*
@keyframes moonsway {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
  */

/*
.md-container {
  background: linear-gradient(300deg,deepskyblue,darkviolet,blue);
  background: linear-gradient(180deg, #EAD6FF, #D7EBFF, #F8D6E8);
  background-size: 180% 180% !important;
  animation: unicorn-test 10s ease infinite !important;
}
*/
/*

@keyframes unicorn-test {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
*/


/*Hides "Mookcake Unicorn" from the top of the left-hand navigation menu*/
.md-nav__title {
    display: none;
}
/*Changes color of active nav-bar item*/
.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
    color: purple;
}
/*Changes font size of navigation items*/
.md-nav {font-size: 0.9rem;}

/*Changes color of footer bar*/
.md-footer,
.md-footer-meta {
    background-color: #a389b1;
}

/*Curly bracket below closes Mermaid palette styles. Do not delete!**/
}
/*Curly bracket above closes Mermaid palette styles. Do not delete!**/

/*Animation info for background. Needs to be outside of palette CSS. Not sure why.*/
@keyframes unicorn-test {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*
.testbox {
  animation: unicorn-test 10s ease infinite;
  background: linear-gradient(300deg, deepskyblue, darkviolet, blue);
  background-size: 180% 180%;
}
  */