.poppins{
  font-family: 'Poppins', sans-serif;
}

.sans{
font-family: 'Noto Sans', sans-serif;
}

.biru{
color: #5ebbf1 !important;
}

.bg-biru{
background-color: #5ebbf1 !important;
color: white !important;
}

.bg-biru:hover{
font-weight: bold !important;
}

.bg-outline-biru{
border: 1px solid #5ebbf1 !important;
color: #5ebbf1 !important;
background-color: transparent !important;
}

.bg-outline-biru:hover{
 background-color: #5ebbf1 !important;
  color: white !important;
}

.garis-bawah{
  border-bottom: 3px solid #5ebbf1;
}

.garis-kiri{
  border-left: 5px solid #5ebbf1;
}

.link:hover{
background-color: #5ebbf1;
color: white !important;
}

@keyframes blink {
0%, 100% {
    opacity: 1;
}

50% {
    opacity: .50;
}
}

.blink {
animation: blink 2s infinite;
}


::-webkit-scrollbar {
width: 20px;
margin: 0px;
}

::-webkit-scrollbar-track {
background-color: transparent;
padding: 0px;
width: auto;
}


::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
margin: 0px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #5ebbf1;
}




/* Untuk HP */
@media screen and (max-width: 600px) 
{
  .padding{
    padding-left: 3%;
    padding-right: 3%;
  }

}


footer{
background-color: #f2f2f2;
}



/* Untuk Dekstop */
@media screen and (min-width: 600px) 
{
  .padding{
    padding-left: 5%;
    padding-right: 5%;
  }
  
}