body {
    font-family: inter;
}

.mini-navbar{
    height:40px;
    background-color:maroon;
    color:white;
    text-shadow: 2px 2px #2f3640;
    font-weight:bold;
}

.mini-navbar p{
    font-size:12px;
    margin-bottom:5px;
    transform: translateX(100%);
    animation: mini-navbar 15s linear infinite;
}

.mini-navbar span {
    margin-left:5px;
}

@keyframes mini-navbar {
    0% {
        transform: translate(100%);
    }
    100% {
        transform: translate(-100%);
    }
}


.navbar {
    padding: 12px 12px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    z-index: 1;
}

#first {
    color: white;
    background-color:maroon;
    height: 80px;
    font-weight:bold;
    font-size: 40px;
}

.col-md-12 .container .form-inline .col-md-8 .card {
    border-radius:20px;
}

.col-md-12 .container .form-inline .col-md-8 .card .card-body p {
    text-align:left;
}

.col-md-12 .container .form-inline .col-md-8 .card img {
    margin: 10px 15px 10px;
}


.col-md-12 .container .form-inline .detailfasilitas {

}

/* Footer */
.footer {
    background-color: maroon;
    height: 80px;
    bottom: 0px;
    width:100%;
    position:fixed;
}

.footer .container .row .col-md-12 {
    text-align: center;

}

.footer .container .row .col-md-12 small span {
    font-weight: 900;
}