:root {
  --code-color: darkred;
  --code-bg-color: #aaaaaa;
  --code-font-size: 14px;
  --code-line-height: 1.4;
  --scroll-bar-color: #c5c5c5;
  --scroll-bar-bg-color: #f6f6f6;
}
::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
*::-webkit-scrollbar-track {
    background: var(--scroll-bar-bg-color);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: 20px;
    border: 3px solid var(--scroll-bar-bg-color);
}
.div-merah{
  background-color: #df423f;
}
.div-merah h4{
  color: #fff;
}
.div-abu{
  background-color: #f6f7f6;
}
.div-abu h4{
  color: #4c4848;
}
.div-biru{
  background-color: #4292be;
}
.div-biru h4{
  color: #fff;
}
.faklprodi-list{
  height: 300px; overflow: auto; border-radius: 10px; margin-bottom: 20px;
}
.section-bg {
  background-color: #d3efff;
}
#tophead, #footer{
  background-color: #009ed8;
}
#footer .copyright{ color: #fff; }
#quick-contact ul li a {
  color: #ffffff;
}
#quick-contact ul li a:hover {
  color: #ffffff;
}
.breadcrumbs {
  background: #0087c1;
}
section.about{
  background-color: #4499c640;
}
#header{
  border-bottom: 9px solid #2f7297;
}

div.member{ width: 100%; }
/*div.member img{*/
/*  width:80%; height:260px; border-radius:50px;*/
/*  box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);*/
/*  -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);*/
/*  -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);*/
/*  padding-top: 10px;*/
/*}*/
/*@media screen and (max-width:768px){*/
/*  div.member img{*/
/*    width:80%; height:230px;*/
/*  }*/
/*}*/

div.member img{
    width:80%; border-radius:50px;
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.29);
    padding-top: 10px;
    max-height: 400px;
}
@media screen and (max-width:768px){
    div.member img{
        width:90%; max-height:300px;
    }
}