.c-square{transform:translateY(200px);transition:all .4s cubic-bezier(.23,.56,.07,1.22)}.c-square.animate{transform:translateY(0)}.c-square__block{position:absolute;background-color:transparent;border:10px solid #fff;bottom:0;height:400px;left:50%;transform:translate(-50%,50%);transform-origin:60% 50%;transition:all .4s cubic-bezier(.23,.56,.07,1.22);width:400px}.animate .c-square__block:first-child{border:8px solid #fff;transform:translate(-50%,50%) rotate(7deg) scale(1.4);transition-delay:.15s}.animate .c-square__block:nth-child(2){border:6px solid #fff;transform:translate(-50%,50%) rotate(14deg) scale(1.8);transition-delay:.1s}.animate .c-square__block:nth-child(3){border:5px solid #fff;transform:translate(-50%,50%) rotate(21deg) scale(2.2);transition-delay:50ms}.animate .c-square__block:nth-child(4){border:4px solid #fff;transform:translate(-50%,50%) rotate(28deg) scale(2.6);transition-delay:25ms}