:root{
    --hijau : #75fa91;
    --hitam : #060606;
    --gray1 : #1b1c1e;
    --gray2 : #34373c;
    --gray3 : #161616;
    --white : #ffffff;
}


body{
    background-color: var(--hitam);
    color:var(--white);
}
.bg-hitam{
    background-color: var(--hitam);
}
.bg-gray-1{
    background-color: var(--gray1);
}
.bg-gray-2{
    background-color: var(--gray2);
}
.bg-gray-3{
    background-color: var(--gray3);
}
.bg-hijau {
    background-color:var(--hijau);
}
.text-hijau{
    color: var(--hijau);
}
.text-gray-1{
    color: var(--gray1);
}
.text-gray-2 {
    color: var(--gray2);
}
.carousel-wrapper-left{
    animation: movetoleft 50s  linear infinite;
}

@keyframes movetoleft {
    0%{
        transform:translateX(100%);
    } to {
        transform: translateX(0%);
    }
}
@media (min-width: 1024px) {
    .stop-animate {
      animation: none !important;
    }
  }