/* @media screen and (min-width: 600px) {
  body { width: 800px; }
} */

/* @media screen and (max-width: 800px) {
  body { }
} */

@media (max-width: 500px) {
  .search {
    width: 70px
  }
}

@media print {
  .noprint {
    display: none;
    visibility: hidden;
  }
}

html {
  overflow-y: scroll;
}

@font-face {
  font-family: gohu;
  src: url(gohufont-uni-14.ttf);
}

@font-face {
  font-family: Typewriter-Light;
  src: url(Typewriter-Light.ttf);
}
@font-face {
  font-family: commit;
  src: url(CommitMonoV142-VF.ttf);
}

@font-face {
  font-family: EB-Garamond;
  src: url(EBGaramond-VariableFont_wght.ttf);
}

@font-face {
  font-family: spectral;
  src: url(Spectral-Regular.ttf);
}

@font-face {
  font-family: dubellay;
  src: url(dubellay.ttf);
}

body {
  /* font-family: spectral; */
  /* font-family: "EB-Garamond"; */
  /* font-family: "dubellay"; */
  font-family: "Typewriter-Light";
  /* font-family: commit; */
  /* font-family: 'Times New Roman', Times, serif; */
  /* font-family: gohu; */
  /* font-family: "TypewriterOldstyle"; */
  /* 'Segoe UI Semilight'; */
  font-size: 14px;
  font-weight: normal;
  /* color: #444; */
  /* color: black; */
  color: rgb(98,98,98);
  /* background-color: white; */
  /* background-color: rgb(255, 252, 245); */
  background-color: rgb(250, 235, 215);
  /* font-weight: 500; */
}

.katex {
  font-size: 1em !important;
}

img {
  max-width: 100%;
  /* mix-blend-mode: multiply; */
}

hr {
  /* mix-blend-mode: multiply; */
  /* border-width: 3px; */
  /* border: 1px solid #444; */
  border: none;
  width:80%;
}
hr::before {
  content: '* * *';
  display: block;
  text-align: center;
}

header,
main,
footer {
  max-width: 600px;
  margin: auto;
  /* margin-left: auto;
    margin-right: auto; */
}

main {
  line-height: 1.3em;
  hyphens: auto;
  counter-reset: heading;
}
h1{
  line-height: 1em;
}
h1,h2,h3,h4{
  font-size: 14px; 
  /* font-variant: small-caps; */
  /* text-decoration: underline; */
}

h1{
  counter-reset: heading;
}
h2:before {
	content: "( "counter(heading)" ) ";
}
h2 {
  counter-increment: heading;
  counter-reset: subheading;
}
h3:before {
	content: "( "counter(heading)" - "counter(subheading)" ) ";
}
h3 { 
  counter-increment: subheading;
}


header {
  /* padding: 5px; */
  /* border:5; */
  /* border-bottom: 5px solid #333; */
  /* border-radius: 5px; */
  /* background-color: #444; */
  background-color: rgb(167, 201, 87);
}

header,
header a {
  /* background-color: rgb(235, 235, 235); */
  /* color: white !important; */
  color : #000000;
}
header a:visited{
  color: #000000
}

table {
  max-width: 100%;
  border: #777 1px solid;
}

/* .index-table{
  text-indent: -2em;
  padding-left: 2em;
} */

/* td {
  border-left: #777 1px solid;
}

table td:first-child {
  border-left: none;
} */


time {
  color: #777; 
  /* font-size: 8px; */
  /* width: 20em; */
  /* display: inline-block; */
  font-size: 70%;
  line-height: 1em !important;
  text-transform: lowercase;
}

.center {
  /* display: flex;
  justify-content: center;
  align-items: center; */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-center {
  /* display: flex;
  justify-content: center;
  align-items: center; */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

summary::after {
  font-size: 0.7em;
  color: grey;
  content: " (show)";
}

details {
  border: 1px solid #3F3E3C;
  padding: 3px;
  border-radius: 0.5em;
  margin-top: 2px;
  margin-left: 5px;
  margin-bottom: -1em;
  width: 95%;
}

.tag {
  color: white;
  background-color: #444;
  font-size: smaller;
  padding: 2px;
  border-radius: 5px;
  text-decoration: none;
}

.tag:visited {
  color: white;
}

a {
  color: #1ca210;
  text-decoration: none;
}
a:visited {
  color: #16760d;
  text-decoration: none;
  /* font-variant: small-caps; */
}

a:hover {
  background-color: #C4CD8E;
  color: black;
}

.code {
  background-color: #e0e0e0;
  color: crimson;
}

.anchor:target {
  animation-name: blink;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-iteration-count: 2;
  animation-timing-function: ease;
}

@keyframes blink {
  0% {}

  50% {
    background-color: #C4CD8E;
  }

  100% {}
}

.loading {
  animation-name: blink;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

blockquote
{
  margin-left: 5px;
  margin-right: 5px;
  border-left: 4px solid #000;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 5px;
  background-color: #fccd8f;
  /* background-color: #dedede; */
  /* background-color: rgb(236, 156, 52);; */
  /* border-radius: 0.5em; */
}

.search{
  border: none;
  /* font-family: Arial, sans-serif */
  /* font-family: gohu;; */
  /* font-family: "Typewriter-Light"; */
  font-size: 8pt;
  /* font-family: commit; */
  font-family: Arial;
  /* font-family: 'Times New Roman', Times, serif; */
  /* text-decoration: underline; */
}