:root{--main-color:#ecf0f1;--point-color:#555;--size:5px}.loader{overflow:hidden;width:100%;height:90%;position:fixed;top:10%;left:0;display:flex;align-items:center;align-content:center;justify-content:center;z-index:100000}.element{border-radius:100%;border:var(--size) solid var(--point-color);margin:calc(var(--size) * 2)}.element:first-child{animation:preloader .6s ease-in-out infinite alternate}.element:nth-child(2){animation:preloader .6s ease-in-out .2s infinite alternate}.element:nth-child(3){animation:preloader .6s ease-in-out .4s infinite alternate}@keyframes preloader{to{transform:scale(2)}}