<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Main */
#divcard {
    padding: 0;
    margin: auto;
}

/* IMG */
#carimg {
    height: auto;
    padding: 15px;
    /* filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.7)) drop-shadow(-3px -3px rgba(0, 0, 0, 0.05)) ; */
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
}

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

/* title */
#divtitle {
    text-align: center;
}

#divtitle p {
    font-weight: 800;
    color: #09612E;

}


/* Media query for small screens (mobile) */
@media (max-width: 768px) {
    #carimg {
        width: 100%;
    }

    #carimgdetail {
        width: 100%;
    }

    #divtitle p {
        font-size: 12px;
    }

}

/* Media query for medium screens (tablet) */
@media (min-width: 769px) and (max-width: 1024px) {
    #carimg {
        width: 100%;
    }

    #divtitle p {
        font-size: 14px;
    }

}

/* Media query for large screens (desktop) */
@media (min-width: 1025px) {
    #carimg {
        width: 100%;
    }

    #carimg:hover {
        cursor: pointer;
        scale: 1.05;
        transition: 250ms linear;
        
    }


    #divtitle p {
        font-size: 14px;
    }

}</pre></body></html>