body {
    background-image: linear-gradient(to bottom right, #a9dbee, #4d6ebd);
    min-height: 100vh;
}

.navbar-custom-rounded {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: #a9dbee !important;
}
.container {
    margin-top: 100px;
}

#header {
    background-image: url(https://opendata.surabaya.go.id/assets/img/tupal.png);
    background-size: cover;
    background-position: center center;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    height: 50vh;
    margin: -16px;
    color: #fff;
}

.btn-ayr-green {
    background-color: #048b00;
}

.btn-ayr-green:hover {
    background-color: #51af49;
}

.btn-ayr-soft-blue {
    background-color: #3396D3;
}

.btn-ayr-soft-blue:hover {
    background-color: #0046FF;
}

.btn-ayr-red {
    background-color: #ac1413;
}

.btn-ayr-red:hover {
    background-color: #b93c3e;
}

.btn-ayr-yellow {
    background-color: #de9d25;
}

.btn-ayr-yellow:hover {
    background-color: #FF9D23;
}

.btn-ayr-pink {
    background-color: #de26cb;
}

.btn-ayr-pink:hover {
    background-color: #D50B8B;
}

.meta-data-heading {
    background-color: #BBDCE5 !important;
    color: #fff;
    padding: 10px;
    font-size: 18px !important;
    font-weight: bold !important;
}

#deskripsi-resource {
    background-color: #fff;
    color: #000 !important;
}