#loader{
    position: fixed;
    z-index: 25000;
    background: #00215F;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 3.5s ease;
}
#loader::before{
    content: "";
    position: absolute;
    border: 4px solid rgb(0,189,236);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50,150,176,0);
    border-top: 2px solid rgba(50,150,176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}
@keyframes rotarload{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
#loader::after{
    content: "";
    position: absolute;
    border: 4px solid rgba(0,189,236,0.5);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-sizing: border-box;
    border-right: 4px solid rgba(50,150,176,0);
    border-top: 4px solid rgba(50,150,176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}