html, body {
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.bg-login {
    background-image: url('../img/tmp/gedung-umby.jpeg');
}

.min-h-300 {
    min-height: 200px;
}

.navigation > li > ul {
    border-radius: 0 0 6px 6px;
}

.navigation > li > ul > li:hover > ul.navigation_sub{
    display: block;
}

ul.navigation_sub {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    white-space: nowrap;
    padding: 5px 0;
    border-radius: 0 0 6px 6px;
    display: none;
    margin-left: -5px;
    padding-left: 6px;
}

ul.navigation_sub > li:last-child > ul {
    left: auto;
    right: 0;
}

ul.navigation_sub > li:hover > ul {
    display: block;
}

ul.navigation_sub > li > a {
    padding: 5px 15px;
    display: block;
    color: #555;
}

ul.navigation_sub > li > a:hover {
    background: #f5f5f5;
    color: #111;
}
.carousel-bg {
    height: 100vh;
}
@media (max-width: 768px) {
    .carousel-bg {
        height: 200px;
    }
}
.bg-yellow-900{
    background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important;
}
.text-yellow-900{
    color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}
.border-yellow-900{
    border-color: rgb(249 115 22 / var(--tw-border-opacity)) !important
}
.bg-yellow-800{
    background-color: rgb(255 147 70 / var(--tw-bg-opacity)) !important;
}
.text-yellow-800{
    color: rgb(255 147 70 / var(--tw-text-opacity)) !important
}
/*
.bg-yellow-600/5{

}
.bg-slate-yellow{

}
.from-yellow-50{

}
*/