/*                                                                         
 * This Source Code Form is subject to the terms of the Mozilla Public     
 * License, v. 2.0. If a copy of the MPL was not distributed with this     
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.               
 */

@media (prefers-color-scheme: dark) {
  html {
    --berry: #cea5f7;
    --purple: #ada5f7;
    --pink: #f7a5e4;
    --red: #f7aaa5;
    --orange: #f7cca5;
    --yellow: #f7efa5;
    --green: #a5f7ba;
    --blue: #a5d9f7;

    --crust: #3a2743;
    --mantle: #493253;
    --base: #5a3f67;
    --surface0: #6b4c7b;
    --surface1: #7c588e;
    --surface2: #8c63a0;
    --overlay0: #9a6eaf;
    --overlay1: #a578ba;
    --overlay2: #b485cb;
    --subtext0: #e6b5ff;
    --subtext1: #ebc2ff;
    --text: #f0d9fa;

    color: var(--text);
    font-size: 20px;
    font-family: monospace;
    background-color: var(--crust);

    scrollbar-color: var(--surface0) var(--crust);
    padding: 0;
    margin: 0;
    z-index: -1;
  }
}

@media (prefers-color-scheme: light) {
  html {
    --berry: #4f112c;
    --purple: #560e5e;
    --pink: #e3029c;
    --red: #5e0b0b;
    --orange: #5e350b;
    --yellow: #594906;
    --green: #133622;
    --blue: #090030;

    --crust: #e9d0f5;
    --mantle: #e7c5f5;
    --base: #e3b8f5;
    --surface0: #c599d9;
    --surface1: #af85c4;
    --surface2: #9672a8;
    --overlay0: #8b6c9b;
    --overlay1: #856693;
    --overlay2: #7a5e86;
    --subtext0: #49016b;
    --subtext1: #32004a;
    --text: #1f002e;

    color: var(--text);
    font-size: 20px;
    font-family: monospace;
    background-color: var(--crust);

    scrollbar-color: var(--surface0) var(--crust);
    padding: 0;
    margin: 0;
    z-index: -1;
  }
}
 
/*                                                                         
 * This Source Code Form is subject to the terms of the Mozilla Public     
 * License, v. 2.0. If a copy of the MPL was not distributed with this     
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.               
 */

body {
  margin: 0;
}

article {
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 3%;
  margin-bottom: 20%;
  padding-bottom: 20%;
}
@media only screen and (max-width: 800px) {
  article {
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 3%;
    margin-bottom: 10%;
    padding-bottom: 10%;
  }
}

p {
  font-size: 18px;
  z-index: 0;
}

[aria-current] {
  color: var(--subtext1);
}

.nextElement {
  float: right;
  padding-left: 10%;
}
.prevElement {
  float: left;
}
.bottomnav {
  display: flex;
}
 
/*                                                                         
 * This Source Code Form is subject to the terms of the Mozilla Public     
 * License, v. 2.0. If a copy of the MPL was not distributed with this     
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.               
 */

.navelement {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--mantle);
  padding-top: 10px;
  padding-bottom: 10px;
}

.navelement li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  list-style-type: none;
}

.navelement ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.navelement li a {
  font-size: 1.2em;
  font-weight: 500;
  text-decoration: none;
  padding-bottom: 0;
}

.navelement li a:hover {
  color: var(--crust);
  background-color: var(--text);
  text-decoration: none;
}

.breadcrumb {
  display: flex;
  background-color: var(--mantle);
  background-color: transparent;
  border-bottom: none;
  font-size: small;
  padding: 0;
  margin: 0;
  size: 100%;
  background-color: var(--base);
}
.breadcrumb ul {
  padding: 0;
  margin: 0;
}
.breadcrumb li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  list-style-type: none;
}
.breadcrumb li a {
  font-size: 23px;
  font-weight: 500;
  text-decoration: none;
  font-size: medium;
  padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-right: 10px;
  color: var(--crust);
}

.enbyright {
  float: right;
}
.breadcrumb li:nth-child(1),
.breadcrumb li:nth-child(1)::after {
  background-color: var(--crust);
  z-index: 7;
}
.breadcrumb li:nth-child(1) a {
  color: var(--text);
}
.breadcrumb li:nth-child(2),
.breadcrumb li:nth-child(2)::after {
  background-color: var(--purple);
  z-index: 6;
}
.breadcrumb li:nth-child(3),
.breadcrumb li:nth-child(3)::after {
  background-color: var(--yellow);
  z-index: 5;
}
.breadcrumb li:nth-child(4),
.breadcrumb li:nth-child(4)::after {
  background-color: var(--subtext1);
  z-index: 4;
}

.breadcrumb li::after {
  content: "";
  height: 17px;
  width: 15px;
  clip-path: polygon(0% 0%, 40% 50%, 0% 100%);
  position: absolute;
  transform: translate(10px, -0px);
}
.adventblock li {
  background-color: var(--base);
  padding: 30px;
}

@media only screen and (max-width: 800px) {
  .navelement li {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
  }
}
 
/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/*styling for markdown elements converted into html*/
/*underline with ---*/
hr {
  color: var(--subtext0);
}

/*bold with **x** */
strong {
  color: var(--pink);
}
/* italic with *x* */
em {
  color: var(--green);
}
/*italic bold, 3 stars */
strong em {
  color: var(--orange);
}
/*strikethrough with ~*/
s {
  color: var(--red);
}
/* oneliners with backticks*/
code {
  background-color: var(--base);
  font-style: italic;
}
/*blockquotes with > */
blockquote {
  border: solid 1px var(--surface1);
  border-left: solid 3px var(--subtext0);
  box-shadow: 2px 3px var(--surface2);
  padding-left: 2%;
  padding-top: 1%;
  padding-bottom: 1%;
  background-color: var(--base);
}
/*normal links*/

a:visited {
  color: var(--text);
}
a {
  color: var(--text);
}
a:hover {
  color: var(--crust);
  background-color: var(--text);
}

.highlight:visited {
  color: var(--purple);
}
.highlight:visited:hover {
  color: var(--crust);
}

a:focus-visible,
a:focus,
.highlight:visited:focus-visible,
.highlight:visited:focus {
  color: var(--crust);
  background-color: var(--purple);
  em {
    color: var(--crust);
  }
}
 
/*                                                                         
 * This Source Code Form is subject to the terms of the Mozilla Public     
 * License, v. 2.0. If a copy of the MPL was not distributed with this     
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.               
 */

#footer {
  margin-top: 40%;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
  background-color: var(--surface0);
  flex-wrap: wrap;
}

.footerlist {
  padding: 2%;
}
.footerlist li {
  list-style-type: none;
  padding: 5%;
}

.boldfooter {
  font-weight: 700;
  list-style-type: none;
  color: var(--text);
}
.smallfooter {
  list-style-type: circle;
  color: var(--subtext1);
}