.entries {
  /*width:calc(100% - 80px);*/
  width:100%;
  margin:auto;
  position: relative;
  left:-5px;
  float: left;
  &:before {
    content: '';
    position: absolute;
    top:0px;
    left:50%;
    bottom:0px;
    transform:translateX(-50%);
    width:8px;
    background-color:#eaeaea;
  }
  .entry {
    width:calc(50% - 80px);
    float:left;
    padding:20px;
    clear:both;
    text-align:right;
    &:hover {
      .title {
        color:#00a1e9;
        transform: translateY(-15px);
      }
    }
    &:not(:first-child) {
      margin-top:-60px;
    }
    .title {
      font-size:32px;
      margin-bottom:12px;
      position: relative;
      color: #333;
      font-weight: 900;
      transition: all 1s;
      &:before {
        content: '';
        position: absolute;
        width:30px;
        height:30px;
        border:4px solid #eaeaea;
        background-color:#00a1e9;
        border-radius:100%;
        top:50%;
        transform:translateY(-50%);
        right:-115px;
        z-index:90;
        transition: all 1s;

      }
      &:hover {
        &:before{
          transform: scale(1.5) translateY(-20%);
        }
      }
    }
    .body {
      color: #1c1c1c;;
      p {
        line-height:1.4em;
      }
    }
    &:nth-child(2n) {
      text-align:left;
      float:right;
      .title {
        &:before {
          left:-115px;
        }

      }
    }
  }
}