.splash-container{height:100vh}.loader{scale:3;height:50px;width:40px}.box{position:relative;opacity:0;left:10px}.side-left{background-color:#286cb5;transform:skew(0deg,-25deg);left:10px}.side-left,.side-right{position:absolute;width:19px;height:5px;top:14px}.side-right{background-color:#2f85e0;transform:skew(0deg,25deg);left:-9px}.side-top{position:absolute;background-color:#5fa8f5;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 4s infinite}.box-2{animation:from-right 4s infinite;animation-delay:1s}.box-3{animation:from-left 4s infinite;animation-delay:2s}.box-4{animation:from-right 4s infinite;animation-delay:3s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0 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;translate:0 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0 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;translate:0 30px;opacity:0}}