.main{height:90vh;position:absolute;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;width:100%;z-index:11;background:linear-gradient(90deg,#eef5ff,#ecf2ff,#e8f9fd,#dde7f2,#d7eaea,#e3e7f1);background-size:400% 400%;animation:body 10s ease-in-out infinite}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader{--path:#304ad3;--dot:#304ad3;--duration:1.2s;width:40px;height:40px;position:relative}.loader:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg circle{fill:none;stroke:var(--path);stroke-width:12px;stroke-linejoin:round;stroke-linecap:round}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}#text{position:relative;width:100px;height:40px;bottom:11px;right:20px;font-family:Comfortaa,cursive,sans-serif;text-align:center;font-size:25px;font-weight:700;color:#304ad3;z-index:10}@keyframes body{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}