@charset "UTF-8";
@media screen and (max-width: 1450px) {
  body main #fonts .font .display .demo.letter .text {
    font-size: 17.5rem; } }
@media screen and (max-width: 1100px) {
  body main #fonts {
    -moz-column-width: 40vw;
    -webkit-column-width: 40vw; } }
@media screen and (max-width: 850px) {
  body > header {
    width: 100%; }
  body main > header {
    border: none; }
  body main #fonts {
    -moz-column-width: 60vw;
    -webkit-column-width: 60vw; }
  body main #about {
    font-size: 20px;
    line-height: 115%;
    height: 100vh;
    overflow-y: auto; }
    body main #about #introduction,
    body main #about #credits {
      width: 100%;
      padding-top: 0.5rem; }
    body main #about .tagLists h4 {
      color: #ff0000;
      margin-top: 0.5rem; }
      body main #about .tagLists h4:before {
        content: "⤷ "; }
    body main #about .tagLists .tagList {
      border-bottom: solid 1px #ff0000; }
      body main #about .tagLists .tagList li::before {
        content: "◯ ";
        font-size: 0.8rem;
        padding: 0 1rem 0 0; }
      body main #about .tagLists .tagList li.on::before {
        content: "◉ "; } }

/*# sourceMappingURL=responsive.css.map */