#main{
 display:flex;
 justify-content:center;
}

.loader{
 --color-1:#B0C4DE;
 --color-2:#00008B;
 --size:1.5px;

 display:none;
 margin-top:10%;
 width:calc(48 * var(--size));
 height:calc(48 * var(--size));
 border:calc(5 * var(--size)) solid var(--color-1);
 border-bottom-color:var(--color-2);
 border-radius:50%;
 box-sizing:border-box;
 animation:rotation 1s linear infinite;
}

@keyframes rotation{
 0%{
 transform:rotate(0deg);
 }
 100%{
 transform:rotate(360deg);
 }
}