box > div:nth-child(1){--top:0;--left:0;}.boxes .box > div:nth-child(2){--background:#145af2;--right:0;--rotateY:90deg;}.boxes .box > div:nth-child(3){--background:#447cf5;--rotateX:-90deg;}.boxes .box > div:nth-child(4){--background:#DBE3F4;--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1);}@-webkit-keyframes box1{0%,50%{transform:translate(100%,0);}100%{transform:translate(200%,0);}}@keyframes box1{0%,50%{transform:translate(100%,0);}100%{transform:translate(200%,0);}}@-webkit-keyframes box2{0%{tra