body,html{height:100%;text-align:center}body{background-color:#fff}.loader{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#ffffffb3}.loader-inner{display:inline-block;width:60px;height:60px;border:6px solid transparent;border-radius:50%;animation:loader 1s infinite ease-in-out}@keyframes loader{0%{transform:scale(1);box-shadow:0 0 0 6px #008c45}50%{transform:scale(1.5);box-shadow:0 0 0 6.5px #3066be}to{transform:scale(1);box-shadow:0 0 0 7px #ce2b37}}