#loader{
    display: none;
}
#loader.active{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);

    display: flex;
    justify-content: center;
    align-items: center;

}
#loader div{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f1c40f;
    animation: loader 1s infinite;

}
#loader .load2{
    animation-delay: -0.5s;
}
#loader .load3{
    animation-delay: -0.25s;
}
@keyframes loader {
    0% ,70% ,100% {transform : scale(0) ;}
    35% {transform : scale(1);}
}