/**********************************************************************\

Styles for Blank Aspect project pages

\**********************************************************************/

@import url("blankaspect-common.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");

.monospace {
  font-family: "Roboto Mono", monospace;
}

.smallText1 {
  font-size: 82%;
}

body {
  font-family: "Roboto", sans-serif;
  line-height: 166.7%;
  overflow: scroll;
}

code, code:link, code:visited {
  font-family: "Roboto Mono", monospace;
  border: 0.1px solid;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

div.box {
  padding: 0.1em 0.5em;
}

div.box ul {
  padding-left: 2.0em;
}

div.box h5 {
  margin-top: 0.2em;
}

div#description {
  font-size: 107.5%;
}

div.image a img {
  margin-top: 0.25em;
}

h1 {
  margin-bottom: 0.8em;
  padding-bottom: 0.1em;
  border-bottom: 2px solid;
}

h2 {
  margin-bottom: 0.6em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid;
}

h3 {
  margin-bottom: 0.6em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid;
}

h4 {
  margin-bottom: 0.5em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid;
}

h5 {
  margin-bottom: 0.5em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid;
}

@media (prefers-color-scheme: light) {
  a {
    color: #0000A0;
  }

  a.blankAspectLink {
    color: #804000;
  }

  code, code:link, code:visited {
    color: #004060;
    background-color: #E8E8E8;
    border-color: #E0E0E0;
  }

  h1, h2, h3, h4, h5 {
    border-bottom-color: #A8A8C8;
  }
}

@media (prefers-color-scheme: dark) {
  a {
    color: #A0C0FC;
  }

  a.blankAspectLink {
    color: #E08000;
  }

  code, code:link, code:visited {
    color: #F0F0F0;
    background-color: #383838;
    border-color: #808080;
  }

  h1, h2, h3, h4, h5 {
    border-bottom-color: #606070;
  }
}

/*--------------------------------------------------------------------*/