body {
    background-color: rgb(20, 20, 20);
    font-family: 'Montserrat';
    font-size: 42px;
}

p {
    margin-bottom: 0;
}

.container-fluid {
    overflow: hidden;
}

.tg-channel {
    height: 50vh;
    background-color: rgb(82, 192, 160);
    color: rgb(255, 255, 255);
}

.tg-channel:hover {
    cursor: pointer;
    background-color: rgb(58, 151, 125);
    color: rgb(204, 204, 204);
}

.tg-bot {
    height: 50vh;
    /* height: 94vh; */
    background-color: rgb(82, 192, 160);
    color: rgb(255, 255, 255);
}

.tg-bot:hover {
    cursor: pointer;
    background-color: rgb(58, 151, 125);
    color: rgb(204, 204, 204);
}

.part {
    width: 100%;
}

.part p {
    margin: .5rem 0 0 .75rem;
}

/**
 * ----------------------------------------
 * animations
 * ----------------------------------------
 */
.slide-in-left {
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-left {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-in-right {
    animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-right {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}