/* base */

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body {
  background-image: url('/img/geometry2.png');
}

*{
  font-family: 'Comic Neue', cursive;
}

h1, h2, h3, h4, h5{
  font-family: 'Comic Neue', cursive;
}

/* anchors */
a,
a:visited {
  color: rgb(0, 0, 238);
  background-image: none;
  text-decoration: underline;
}

/* navbar */
nav a,
nav a:visited {
  color: #41403e;
  text-decoration: none;
}

/* blockquote */
blockquote {
  font-style: italic;
}

/* post list */
.post-list {
  font-size: 2em;
}
.summary {
  margin-bottom: 0.1em;
}

/* post single */
.post-title {
  margin-bottom: 0.1em;
}

/* toc */
.toc {
  padding: 1em;
  margin-top: 1em;
}
.toc h2 {
  font-size: 1.3em;
}

@media screen and (max-width: 2000){
  h3{
    font-size:2em;
  }
}


@media screen and (max-width: 600px){
  h3{
    font-size:1.7em;
  }
}


@media screen and (max-width: 540px){
  h3{
    font-size:1.5em;
  }
}

@media screen and (max-width: 510px){
  h3{
    font-size:1.3em;
  }
}

@media screen and (max-width: 395px){
  h3{
    font-size:1.15em;
  }
}

@media screen and (max-width: 370px){
  h3{
    font-size:1em;
  }
}

@media screen and (max-width: 345px){
  h3{
    font-size:0.8em;
  }
}

@media screen and (max-width: 300px){
  h3{
    font-size:0.6em;
  }
}