/* https://coolors.co/ab8fda-87c1f5-80d5be-f89d81-f9c62b-8cc540-e993b6-9b9fa7-515966-a6816a */
body {
    color: #40464f;
    background-color: #e378a320;
}
.dark {
    background-color: #e993b6;
    color: #fff;
}
.bg-dark {
    background-color: #e993b6 !important;
    color: #fff;
}
.text-dark {
    color: #e993b6;
}

.btn-rounded {
    border-radius: 40px;
}
.btn-primary {
    background-color: #e993b6;
    border-color: #e993b6;
}
.btn-primary:hover {
    background-color: #e378a3;
    border-color: #e378a3;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    background-color: #e378a3;
    border-color: #e378a3;
    box-shadow: 0 0 0 0.25rem #e378a350;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #e378a3;
    border-color: #e378a3;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem #e378a350;
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #e993b6;
    border-color: #e993b6;
}

.btn-success {
    color: #40464f;
    background-color: #80d5be;
    border-color: #80d5be;
}
.btn-success:hover {
    background-color: #66ccb1;
    border-color: #66ccb1;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
    background-color: #66ccb1;
    border-color: #66ccb1;
    box-shadow: 0 0 0 0.25rem #66ccb150;
}
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #66ccb1;
    border-color: #66ccb1;
}
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem #66ccb150;
}
.btn-success:disabled,
.btn-success.disabled {
    background-color: #80d5be;
    border-color: #80d5be;
}

.icon {
    padding: 5px;
    height: 60px;
}
.img-icon {
    padding: 5px;
    max-height: 90px;
}
.blog-post {
    background-color: #fff;
    padding: 5px;
}

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    top: 10rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
}

.ml10 {
    position: relative;
    font-weight: 900;
    font-size: 4em;
}

.ml10 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.ml10 .letter {
    color: #dc568c;
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
}

.text-highlight {
    color: #dc568c;
}

.label-bold {
    font-size: 18px;
    font-weight: bolder;
}
.cek {
    height: 45px;
    background-color: #fff;
}

#footer {
    background-color: #e378a3;
    color: #fff;
}
.list-group-item {
    background-color: transparent;
    padding: 0.2rem 0.5rem;
}
.list-group-item a {
    text-decoration: none;
    color: #fff;
}

.list-group-item a:hover {
    color: #111;
    background-color: #fff;
}