.loader-body{width: 100%;height: 100vh;background-color: rgb(0,0,0,1);position: fixed;z-index: 999999;visibility: visible;top: 0;left: 0;text-align: center;justify-content: center;align-content: center;transition: 0.5s all;}.loader{width: 90px;height: 90px;border: 2px #3F3F3F solid;border-radius: 50%;position: absolute;border-top-color: #00ffc3 ;transform: translate(-50%, -50%);top: 50%;left: 50%;-webkit-animation: 1s spin infinite linear;-o-animation: 1s spin infinite linear;animation: 1s spin infinite linear;}.loader-body.done{visibility: hidden;opacity: 0;}@keyframes spin {from { transform: translate(-50%, -50%) rotate(0deg);} to{transform: translate(-50%, -50%) rotate(360deg);}}