@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica55Roman/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica55Roman/font.woff') format('woff');
  font-weight:500;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica35Thin/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica35Thin/font.woff') format('woff');
  font-weight: 200;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica76BoldItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica76BoldItalic/font.woff') format('woff');
  font-weight:700;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica45Light/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica45Light/font.woff') format('woff');
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica46LightItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica46LightItalic/font.woff') format('woff');
  font-weight:300;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica75Bold/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica75Bold/font.woff') format('woff');
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica56Italic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica56Italic/font.woff') format('woff');
  font-weight:500;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica36ThinItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica36ThinItalic/font.woff') format('woff');
  font-weight: 200;
  font-style:italic;
}
.post-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr;
    grid-column-gap:2em;
    grid-row-gap:2em
}
.post-list .item-post{
    border:1px solid #d8d8d8
}
.post-list .item-post:hover .image picture{
    transform:scale(1)
}
.post-list .item-post .date-entry{
    display:block;
    margin:0.3em 0;
    color:#777
}
.post-list .item-post .image{
    line-height:0;
    border-bottom:1px solid #d8d8d8;
    padding:1em
}
.post-list .item-post .image picture{
    display:block;
    height:180px;
    width:100%;
    transform:scale(1.1);
    transition:transform .2s ease
}
.post-list .item-post .image img{
    width:100%;
    height:180px;
    object-fit:cover
}
.post-list .item-post .image a{
    display:block;
    text-align:center;
    overflow:hidden
}
.post-list .item-post .content{
    padding:1em
}
.post-list h2{
    font-size:20px
}
.post-list a{
    color:var(--blue)
}
@media only screen and (max-width: 1024px){
    .post-list{
        grid-template-columns:repeat(2, 1fr);
        width:95%;
        margin:auto
    }
}
@media only screen and (max-width: 768px){
    .post-list{
        grid-template-columns:repeat(1, 1fr)
    }
}
.page-numbers{
    text-align:center;
    padding:2em 0
}
.page-numbers li{
    display:inline-block;
    margin:0 0.3em
}
.page-numbers li a{
    color:var(--head-color);
    text-decoration:none;
    display:block;
    border:1px solid var(--head-color);
    padding:2px 10px;
    border-radius:3px
}
.page-numbers .current{
    color:#fff;
    background-color:var(--blue);
    display:block;
    border:1px solid var(--blue);
    padding:2px 10px;
    border-radius:3px
}