.loading-page{place-items:center;width:100%;min-height:100vh;display:grid}.loader{width:40px;height:50px;scale:3}.box{opacity:0;position:relative;left:10px}.side-left{background-color:#286cb5;width:19px;height:5px;position:absolute;top:14px;left:10px;transform:skewY(-25deg)}.side-right{background-color:#2f85e0;width:19px;height:5px;position:absolute;top:14px;left:-9px;transform:skewY(25deg)}.side-top{background-color:#5fa8f5;width:20px;height:20px;position:absolute;transform:skew(-20deg,-20deg)}.box-1{animation:4s infinite from-left}.box-2{animation:4s 1s infinite from-right}.box-3{animation:4s 2s infinite from-left}.box-4{animation:4s 3s infinite from-right}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;opacity:0;translate:0 30px}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;opacity:0;translate:0 30px}}html,body,#root{width:100%;min-height:100%;margin:0}