@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho");
body {
  background-color: #ECEFF4;
  font-family:
  "M PLUS Rounded 1c",
  "ui-monospace",
  'JetBrains Mono',
  "Menlo",
  "Monaco",
  "Cascadia Mono",
  "Segoe UI Mono",
  "Roboto Mono",
  "Oxygen Mono",
  "Ubuntu Monospace",
  "Source Code Pro",
  "Fira Mono",
  "Droid Sans Mono",
  "Courier New",
  "monospace";
  font-size: 1.125em;
  color: #434C5E;
  margin: 0px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
header {
  margin: 0px;
  padding: 0.5em;
  /* background-color: lightcoral; */
  background-color: #E5E9F0;
  border-bottom: 1px solid #D8DEE9;
  a {
    font-size: 1.2em;
    margin: 0 0.4em;
    margin-left: 0;
    padding: 0.15em 0.5em;
    border-radius: 0.25rem;
    text-decoration: none;
  }

  a:link {
    color: #434C5E;
  }
  a:visited {
    color: #434C5E;
  }
  a:hover {
    background-color: #D8DEE9;
  }
}
@media (min-width: 1280px) {
  main {
    margin: 0 20%;
  }
}
@media (max-width: 1279px) {
  main {
    margin: 0 10px;
  }
}
main {
  flex-grow: 1;
  a {
    text-decoration: none;
  }
  a:link {
    color: #4C566A;
  }
  a:visited {
    color: #4C566A;
  }
  div.home {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em auto auto auto;
  }
  div.post {
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em auto auto auto;
  }

  div.post-list {
    width: 760px;
    margin: 1em auto auto auto;
    display: flex;
    flex-direction: column;
    span {
      font-size: 0.85em;
    }
  }

  div.post-link {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  a:link {
    color: #5E81AC;
  }
  a:visited {
    color: #5E81AC;
  }
  a:hover {
    color: #88C0D0;
    text-decoration: underline;
  }
}
footer {
  margin: 0px;
  padding: 0.5em;
  /* background-color: #E5E9F0;
  border-top: 1px solid #D8DEE9; */
  text-align: center;
  p {
    font-size: 0.75em;
    color: #4C566A;
    margin: 0px;
    a {
      text-decoration: none;
    }
    a:link {
      color: #5E81AC;
    }
    a:visited {
      color: #5E81AC;
    }
  }
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px}
.hljs{background:#2e3440}
.hljs,.hljs-subst{color:#d8dee9}
.hljs-selector-tag{color:#81a1c1}
.hljs-selector-id{color:#8fbcbb;font-weight:700}
.hljs-selector-attr,.hljs-selector-class{color:#8fbcbb}
.hljs-property,.hljs-selector-pseudo{color:#88c0d0}
.hljs-addition{background-color:rgba(163,190,140,.5)}
.hljs-deletion{background-color:rgba(191,97,106,.5)}
.hljs-built_in,.hljs-class,.hljs-type{color:#8fbcbb}
.hljs-function,.hljs-function>.hljs-title,.hljs-title.hljs-function{color:#88c0d0}
.hljs-keyword,.hljs-literal,.hljs-symbol{color:#81a1c1}
.hljs-number{color:#b48ead}
.hljs-regexp{color:#ebcb8b}
.hljs-string{color:#a3be8c}
.hljs-title{color:#8fbcbb}
.hljs-params{color:#d8dee9}
.hljs-bullet{color:#81a1c1}
.hljs-code{color:#8fbcbb}
.hljs-emphasis{font-style:italic}
.hljs-formula{color:#8fbcbb}
.hljs-strong{font-weight:700}
.hljs-link:hover{text-decoration:underline}
.hljs-comment,.hljs-quote{color:#4c566a}
.hljs-doctag{color:#8fbcbb}
.hljs-meta,.hljs-meta .hljs-keyword{color:#5e81ac}
.hljs-meta .hljs-string{color:#a3be8c}
.hljs-attr{color:#8fbcbb}
.hljs-attribute{color:#d8dee9}
.hljs-name{color:#81a1c1}
.hljs-section{color:#88c0d0}
.hljs-tag{color:#81a1c1}
.hljs-template-variable,.hljs-variable{color:#d8dee9}
.hljs-template-tag{color:#5e81ac}
.language-abnf .hljs-attribute{color:#88c0d0}
.language-abnf .hljs-symbol{color:#ebcb8b}
.language-apache .hljs-attribute{color:#88c0d0}
.language-apache .hljs-section{color:#81a1c1}
.language-arduino .hljs-built_in{color:#88c0d0}
.language-aspectj .hljs-meta{color:#d08770}
.language-aspectj>.hljs-title{color:#88c0d0}
.language-bnf .hljs-attribute{color:#8fbcbb}
.language-clojure .hljs-name{color:#88c0d0}
.language-clojure .hljs-symbol{color:#ebcb8b}
.language-coq .hljs-built_in{color:#88c0d0}
.language-cpp .hljs-meta .hljs-string{color:#8fbcbb}
.language-css .hljs-built_in{color:#88c0d0}
.language-css .hljs-keyword{color:#d08770}
.language-diff .hljs-meta,.language-ebnf .hljs-attribute{color:#8fbcbb}
.language-glsl .hljs-built_in{color:#88c0d0}
.language-groovy .hljs-meta:not(:first-child),.language-haxe .hljs-meta,.language-java .hljs-meta{color:#d08770}
.language-ldif .hljs-attribute{color:#8fbcbb}
.language-lisp .hljs-name,.language-lua .hljs-built_in,.language-moonscript .hljs-built_in,.language-nginx .hljs-attribute{color:#88c0d0}
.language-nginx .hljs-section{color:#5e81ac}
.language-pf .hljs-built_in,.language-processing .hljs-built_in{color:#88c0d0}
.language-scss .hljs-keyword,.language-stylus .hljs-keyword{color:#81a1c1}
.language-swift .hljs-meta{color:#d08770}
.language-vim .hljs-built_in{color:#88c0d0;font-style:italic}
.language-yaml .hljs-meta{color:#d08770}