:root {
    --gray: #9c9c9c;
    --gray2 : #e9ecef;
    --blue : #84d1e7;
    --blue2 : #75bbcf;
    --blue4 : #c8fff6;
  }

@font-face {
    font-family: 'Heavitas';
    src: url('/fonts/Heavitas.ttf') format('truetype');
}

button.btn.donasi:hover{
    transition: 0.5s;
    background-color: var(--blue2);
    border-radius: 50px;
    font-weight: bold;
    color: white;
}

button.btn.btn-login{
    background-color: var(--blue);
    border-radius: 50px;
    font-weight: bold;
    color: white;
    border: none;
}

button.btn.btn-login:hover{
    transition: 0.5s;
    background-color: var(--blue2);
    border-radius: 50px;
    font-weight: bold;
    color: white;
    border: none;
}

a.sidebar-link.active{
    background-color: var(--blue) !important;
    color: white;
    border: none;
}

a.sidebar-link{
    background-color: white;
    color: black;
    border: none;
}

a.sidebar-link:hover{
    transition: 0.2s;
    background-color: white;
    color: var(--blue2) !important;
    border: none;
}

.hidden {
    display: none;
}

a.export{
    color: var(--blue);
}

a.export:hover{
    color: var(--blue2);
    transition: 0.5s;
}