body{
  #start{
    width: 100%;
    height: 100%;
  }
  #page-wrapper.blog{
    #start{
      position: relative;
      top: 200vh;
      left: 0;
      padding-top: 110px;
      opacity: 0;
      &.visible{
        opacity: 1;
      }
    }
  }
}

#items{
  .cat-list{
    padding: 0 5px;
    ul{
      li{
        display: flex;
        &::after{
          width: 5px;
          content: " ";
        }
        &:hover{
          &::after{
            content: "\002022";
          }
        }
      }
    }
  }
  .full-works{
    width: 100%;
  }
  .card{
    margin-bottom: 10px;
    min-width: 200px;
  }
  &.fixed{
    // .cat-list{
    //   position: fixed;
    //   top: 80px;
    //   z-index: 999;
    //   background: white;
    // }
    // .full-works{
    //   margin-top: 60px;
    // }
  }
}