@media (min-width: 769px)  {
    .card-informasi-dataset {
        margin:10px;
        min-width: 280px;
        max-width: 280px;
        min-height: 100px;
        max-height: 100px;
        background-color: white;
        border-radius: 10px;
        transition-duration: 0.5s;
        padding:20px;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        color:red;
    }    
    
    .huruf-informasi {
        color:darkred;
        font-size: 17px;
    }

    .huruf-detail-dataset {
        color:white;
        font-size: 20px;
        font-style: italic;
    }
}
@media (max-width: 768px)  {
    .card-informasi-dataset {
        margin:10px;
        min-width: 160px;
        max-width: 160px;
        min-height: 75px;
        max-height: 75px;
        background-color: white;
        border-radius: 5px;
        transition-duration: 0.5s;
        padding:10px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color:red;
    }
    .huruf-informasi {
        color:darkred;
        font-size: 10px;
    }

    .huruf-detail-dataset {
        color:white;
        font-size: 15px;
        font-style: italic;
    }
}

.card-informasi-dataset:hover {
    box-shadow: 0 0 10px lightgrey;
    transform: translateY(-5px);
    cursor: pointer;
    transition-duration: 0.5s;
}