.navbar-brand-text {
    border-bottom: 3px solid #ffffff;
    padding-bottom: 4px;
}

.page-header {
    color: white; 
    border-radius: 0; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; min-height: 400px;
}

.btn-rounded {
    border-radius: 100px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.navbar-fixed {
    position: sticky !important;
    top: 0;
}

.badge-lg {
    font-size: 0.9rem !important;
}

@media (min-width: 720px) {
    .page-header {
        background-size: contain;
    }
}

.animateScale {
    animation: njumbul 0.4s alternate infinite linear;
}

@keyframes njumbul {
    0%   {transform: scale(0.97, 0.97);}
    100% {transform: scale(1.05, 1.05);}
}

.animateGempa {
    animation: gempa 0.7s alternate infinite;
}

@keyframes gempa {
    0%   {transform: scale(0.97, 0.97);}
    100% {transform: scale(1.2, 1.2);}
}

.animateGoyang {
    animation: goyang 0.7s alternate infinite;
}

@keyframes goyang {
    0%   {transform: scale(0.97, 0.97);}
    100% {transform: scale(1.1, 1.1);}
}

.animateScaleSmall {
    animation: goyang 0.7s alternate infinite;
}

@keyframes goyang {
    0%   {transform: scale(0.99, 0.99);}
    100% {transform: scale(1.05, 1.05);}
}