.info-box {
    margin: 10px 0;
    border-left: 3px solid black;
    -webkit-animation: slideIn 1s linear;
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  p {
    padding: 10px 20px 10px 10px;
    margin-bottom: 0;
    transform: translateX(-100%);
    -webkit-animation: slideIn 1s linear forwards;
  }
  i {
    padding-right: 15px;
  }
  @keyframes slideIn {
    to {
      transform: translateX(0%);
    }
  }
  .info-box {
    background-color: lightblue;
  }