.top-background {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
}

.content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recomment-container {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 15px 25px;
  width: 300px;
  max-width: 100%;
}

.fadein-text {
    overflow: hidden;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
    animation-fill-mode: backwards;
  }
  @keyframes fadein {
    from {
        transform:translateY(25%);
        opacity: 0;
    }
    to {
        transform:translateY(0%);
        opacity: 1;
    }
  }
  @-moz-keyframes fadein { /* Firefox */
    from {
        transform:translateY(25%);
        opacity: 0;
    }
    to {
        transform:translateY(0%);
        opacity: 1;
    }
  }
  @-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        transform:translateY(25%);
        opacity: 0;
    }
    to {
        transform:translateY(0%);
        opacity: 1;
    }
  }
  @-o-keyframes fadein { /* Opera */
    from {
        transform:translateY(25%);
        opacity: 0;
    }
    to {
        transform:translateY(0%);
        opacity: 1;
    }
  }
  
  .fadeout-text {
    overflow: hidden;
    animation: fadeout 0.5s;
    -moz-animation: fadeout 0.5s; /* Firefox */
    -webkit-animation: fadeout 0.5s; /* Safari and Chrome */
    -o-animation: fadeout 0.5s; /* Opera */
    animation-fill-mode: backwards;
  }
  @keyframes fadeout {
    from {
        transform:translateY(0%);
        opacity: 1;
    }
    to {
        transform:translateY(-25%);
        opacity: 0;
    }
  }
  @-moz-keyframes fadeout { /* Firefox */
    from {
      transform:translateY(0%);
      opacity: 1;
    }
    to {
        transform:translateY(-25%);
        opacity: 0;
    }
  }
  @-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
      transform:translateY(0%);
      opacity: 1;
    }
    to {
        transform:translateY(-25%);
        opacity: 0;
    }
  }
  @-o-keyframes fadeout { /* Opera */
    from {
      transform:translateY(0%);
      opacity: 1;
    }
    to {
        transform:translateY(-25%);
        opacity: 0;
    }
  }