/* Menggunakan font googlr Nunito  */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alef&display=swap');

body { 
    font-family: 'Nunito',sans-serif;
 }

.mis_brand{
    padding: -1px; 
    font-weight:bolder ; 
    font-family: 'alef',sans-serif; 
    font-size: 1.8em;

} 
.mis_body{
    font-family: 'alef'; 
    /* font-weight: bold; */
    /* font-size: 3.5em; */
} 

.card1{
    border-radius: 20px;  
}
.card1:hover{
    border: solid 2px #0566b6cc;
}
.body_card1{
    background-color: #75caeb ; 
    color:#183153; 
    border-bottom: solid 8px #0566b6cc;
    border-radius: 0px 0px 20px 20px ; 
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
} 

.card2{
    border-radius: 20px;
}
.card2:hover{
    border: solid 2px #f7453f;
}
.body_card2{
    background-color: #f0a7a4 ; 
    color:#183153; 
    border-bottom: solid 8px #f7453f;
    border-radius: 0px 0px 20px 20px ;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
} 
  
.card3{
    border-radius: 20px;
}
.card3:hover{
    border: solid 2px #18bc9c;
}
.body_card3{
    background-color: #78c2ad ; 
    color:#183153; 
    border-bottom: solid 8px #18bc9c;
    border-radius: 0px 0px 20px 20px ; 
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
} 


.card_login{
    border-radius: 20px; 
    background-color: #f2f5f3; 
    border-left: solid 9px #18bc9c;
    border-right: solid 9px #18bc9c;
    border-top: solid 1px #18bc9c;
    border-bottom: solid 1px #18bc9c;
}

.kiri_login{
    /* background-color: red ; */
    text-align: center; 
    color:white; 
    min-height: 200px;
}