.flip-container{-webkit-perspective:1000px;perspective:1000px;margin:0 auto;border-radius:3rem}.flip-container:hover{background:rgba(224,195,195,.25)}.flip-container.flipped .flipper{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flip-container{width:50%;height:20rem}.flipper{-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.front{z-index:2;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}.back,.back .info{display:-webkit-box;display:-ms-flexbox;display:flex}.back .info{width:100%;-ms-flex-pack:distribute;justify-content:space-around}@media (max-width:960px){.flip-container{text-align:center;width:90%}.back{width:100%}}html{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0 auto;padding:0}.sliced-bar{position:relative;width:100%;height:50vh;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sliced-bar__bottom,.sliced-bar__middle,.sliced-bar__top{position:absolute;border-radius:3rem;height:40rem;width:40rem}.sliced-bar__top{top:5%;left:20%;z-index:-5;background:rgba(255,0,0,.25);-webkit-animation:clockwise 20s linear infinite;animation:clockwise 20s linear infinite}.sliced-bar__middle{bottom:-100%;right:10%;z-index:-2;background:rgba(0,255,0,.25);-webkit-animation:clockwise 6s linear infinite;animation:clockwise 6s linear infinite}.sliced-bar__bottom{bottom:-50%;z-index:-3;background:rgba(0,0,255,.25);-webkit-animation:counter-clockwise 12s linear infinite;animation:counter-clockwise 12s linear infinite}.sliced-bar__base{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%}.beside,.sliced-bar__base{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.beside{width:50%;margin:0 auto;-ms-flex-pack:distribute;justify-content:space-around}.content__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%}.image-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.image-right .content__wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left;padding-right:1rem}.image-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.image-left .content__wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right;padding-left:1rem}.image__wrapper img{width:100%;height:auto;display:block}@media (max-width:960px){.sliced-bar{overflow:hidden}.sliced-bar__bottom,.sliced-bar__middle,.sliced-bar__top{width:25rem;height:25rem}.sliced-bar__top{top:-20%;left:10%}.sliced-bar__middle{bottom:0;right:10%}.beside{width:90%;-ms-flex-wrap:wrap;flex-wrap:wrap}.content__wrapper{width:100%}}@-webkit-keyframes clockwise{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes clockwise{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes counter-clockwise{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes counter-clockwise{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}