/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */
html {
    scroll-behavior: smooth;
}

.bg-batik {
    background: url(/img/batik.png);
}

#repeat {
    background-repeat: repeat;
}

#no-repeat {
    background-repeat: no-repeat;
}

#repeat-x {
    background-repeat: repeat-x;
}

#repeat-y {
    background-repeat: repeat-y;
}

.fas {
    margin-right: 5px;
    margin-left: 5px;
}
.error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.photo-profile {
    width: 33px; /* width of container */
    height: 33px; /* height of container */
    object-fit: cover;
}

.icon-loading {
    animation: spin-animation 0.5s;
    display: inline-block;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.card-hover:hover {
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
        0.3s box-shadow,
        0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    cursor: pointer;
    transform: scale(1.01);
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06); */
}