#preloader{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background:#f1f1f1}#preloader .name{display:flex;height:100%;align-items:center;justify-content:center;position:fixed;z-index:1;font-size:-webkit-xxx-large;color:#00f}#preloader .loader{position:relative;width:350px;height:350px;border-radius:50%;background:linear-gradient(#f07e6e,#84cdfa,#5ad1cd);animation:animate 1.2s linear infinite}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#preloader .loader div{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(#f07e6e,#84cdfa,#5ad1cd)}#preloader .loader div:nth-child(1){filter:blur(5px)}#preloader .loader div:nth-child(2){filter:blur(10px)}#preloader .loader div:nth-child(3){filter:blur(25px)}#preloader .loader div:nth-child(4){filter:blur(50px)}#preloader .loader:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:#f1f1f1;border:solid white 10px;border-radius:50%}