@font-face {
  font-family: "SCP";
  src: url("/static/font/SCP.woff2");
}

body {
  color: #7c8eba;
  font-family: "SCP", monospace;
  font-size: 1rem;
  line-height: 1.3;
  margin: 1rem;
  background-color: #282935;
}

header {
  border-bottom: 0.4rem double #7c8eba;
}

footer {
  border-top: 0.4rem double #7c8eba;
}

a {
  color: #9d58a5;
  text-decoration: none;
}

h1 {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.2rem;
}

.postTitle {
  margin-bottom: 0;
}

.postTitle span {
  color: #4a5570;
  font-size: 1.0rem;
}

.postDesc {
  margin-top: 0;
}

hr {
  border-color: #7c8eba;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.blink {
  animation: blink 1.0s infinite;
  animation-timing-function: steps(1, end);
}

main {
  display: block;
  border: 0.1rem solid #7c8eba;
  padding: 0.5rem;
  margin: 0.5rem 0;
  line-height: 1.1;
}

main h2 {
  margin-bottom: 0;
}

main p:first-child {
  margin-top: 0;
}

main p {
  margin-bottom: 0;
}

a:hover {
  text-decoration: underline;
  text-decoration-style: wavy;
}

a.active {
  color: #d976e4;
}

ul {
  list-style: "> ";
  margin: 0;
  margin-bottom: 0;
}

nav {
  border: 0.1rem solid #7c8eba;
  padding: 0.6rem;
}

nav ul {
  padding-inline-start: 0;
}

nav ul li {
  display: inline;
  margin: 0 0.2em;
}

nav ul li:has(a.active) {
  color: #afc2f1;
}

nav ul li::after {
  content: '/';
  margin: 0;
}

iframe {
  border: 0.1rem solid #7c8eba;
}

code {
  color: #74b9bc;
}

pre > code.sourceCode {
  display: block;
  border: 0.1rem solid #7c8eba;
  background-color: #22232f;
  color: #7c8eba;
  padding: 0.5rem;
}

pre > code.sourceCode a {
  display: none;
}

.co {
  color: #4a5570;
}

.kw,.ss {
  color: #b37d8d;
}

.st {
  color: #6b9c7e;
}