body {
    font-family: inter;
    background-color:#37C55B;
}

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

.mini-navbar p{
    font-size:14px;
    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;
}

/* Title rumah sakit */
#title  .col-md-12  {
    height: 100vh;
}


#title  .col-md-12  .title {
    color: black;
    background-color:#feca57;
    font-weight: 900;
    font-size: 40px;
}

#title  .col-md-12  .motto{
    color: maroon;
    font-style: italic;
}

#title  .col-md-12 .card-group {
    display:flex;
    justify-content: space-between;
}


#title  .col-md-12 .maincard .card  a {
    color: white;
    text-decoration: none;
}

#title  .col-md-12 .maincard .card .card-body i {
    font-size: 100px;
}

#title  .col-md-12 .maincard .card .card-body i fa {
    color: white;
}


#title  .col-md-12 .maincard .card .card-body  {
    font-weight: bold;
}

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

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

}

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