h1, h2{
  font-family: $medium;
  font-weight: normal;
}

h2{
  font-size: $fh2;
}

h3{
  font-family: $medium;
  font-size: $fh3;
  font-weight: normal;
}

h5{
  font-size: $fh5;
  font-family: $bold;
  font-weight: normal;
  text-transform: uppercase;
}

p{
  font-family: $Regular;
  font-weight: normal;
  font-size: $fp;
  line-height: 1.1rem;
}

time{
  font-family: $italic;
  font-weight: normal;
}

.blog{
  h1{
    font-size: $fh1;
    line-height: 5vw;
    -webkit-text-stroke: 2px black;
    color: transparent;
  }
  h2{
    line-height: 8vw;
  }
  &.down{
    h1{
      -webkit-animation: reducH 1s 0.9s ease forwards;
              animation: reducH 1s 0.9s ease forwards;
    }
  }
}

.item{
  h2{
    font-size: $fh2-i;
  }
  .prev-next{
    a{
      .title{
        font-family: $bold;
        text-transform: uppercase;
        font-size: 0.7rem;
      }
      .tags, .blog-date time{
        font-family: $italic;
        text-transform: uppercase;
        font-size: 0.7rem;
      }

    }
  }
}

.category{
  a{
    font-family: $italic;
    font-size: $fs-i;
  }
}

time{
  font-size: $fs-i;
}

.tags{
  font-family: $bold;
  font-size: 0.7rem;
}

#page-wrapper.blog{
  .works-mea, #items{
    .category{
      a{
        font-family: $italic;
        font-size: $fs;
      }
    }
    time{
      font-size: $fs;
    }
    .card-footer{
      line-height: 0.2rem;
      .tags{
        a{
          color: $grey!important;
        }
      }
    }
  }
}
#page-wrapper.item{
  #items{
    .title{
      h2{
        font-family: $bold;
        font-size: 1.2rem;
      }
      a, time{
        font-size: 1.2rem;
      }
    }
    .tags{
      span{
        font-size: 0.8rem;
        a{
          color: $grey;
        }
      }
    }
  }
}

.cat-list{
  font-family: $light;
  font-size: 1rem;
}