.FlipCard{width:260px;height:380px;position:relative;-webkit-perspective:500px;perspective:500px;will-change:transform}.FlipCard-back,.FlipCard-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:3px;overflow:hidden}.FlipCard-front{background:#5829b5;color:#fff}.FlipCard-back{background:#a33;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.FlipCard button{background:none;border:none;text-indent:-10000px}.FlipCard-penumbra,.FlipCard-umbra,.FlipCard button{position:absolute;top:0;left:0;width:100%;height:100%}.FlipCard-penumbra,.FlipCard-umbra{-webkit-backface-visibility:visible;backface-visibility:visible}.FlipCard-umbra{width:270px;height:390px;top:-5px;left:-5px;background:url(/react-flip-card/build/static/media/umbra.694c5abb.svg) 50% no-repeat;opacity:.3}.FlipCard-penumbra,.FlipCard-umbra{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.FlipCard-penumbra{width:330px;height:450px;top:-35px;left:-35px;background:url(/react-flip-card/build/static/media/penumbra.8a62ef2f.svg) 50% no-repeat;opacity:0}@-webkit-keyframes FlipCard-front{0%{-webkit-transform:translateZ(-200px) rotateY(0deg) scale(1.4);transform:translateZ(-200px) rotateY(0deg) scale(1.4)}12%{-webkit-transform:translateZ(-100px) rotateY(0deg) scale(1.4);transform:translateZ(-100px) rotateY(0deg) scale(1.4)}65%{-webkit-transform:translateZ(-100px) rotateY(180deg) scale(1.4);transform:translateZ(-100px) rotateY(180deg) scale(1.4)}to{-webkit-transform:translateZ(-200px) rotateY(180deg) scale(1.4);transform:translateZ(-200px) rotateY(180deg) scale(1.4)}}@keyframes FlipCard-front{0%{-webkit-transform:translateZ(-200px) rotateY(0deg) scale(1.4);transform:translateZ(-200px) rotateY(0deg) scale(1.4)}12%{-webkit-transform:translateZ(-100px) rotateY(0deg) scale(1.4);transform:translateZ(-100px) rotateY(0deg) scale(1.4)}65%{-webkit-transform:translateZ(-100px) rotateY(180deg) scale(1.4);transform:translateZ(-100px) rotateY(180deg) scale(1.4)}to{-webkit-transform:translateZ(-200px) rotateY(180deg) scale(1.4);transform:translateZ(-200px) rotateY(180deg) scale(1.4)}}@-webkit-keyframes FlipCard-back{0%{-webkit-transform:translateZ(-200px) rotateY(180deg) scale(1.4);transform:translateZ(-200px) rotateY(180deg) scale(1.4)}12%{-webkit-transform:translateZ(-100px) rotateY(180deg) scale(1.4);transform:translateZ(-100px) rotateY(180deg) scale(1.4)}65%{-webkit-transform:translateZ(-100px) rotateY(1turn) scale(1.4);transform:translateZ(-100px) rotateY(1turn) scale(1.4)}to{-webkit-transform:translateZ(-200px) rotateY(1turn) scale(1.4);transform:translateZ(-200px) rotateY(1turn) scale(1.4)}}@keyframes FlipCard-back{0%{-webkit-transform:translateZ(-200px) rotateY(180deg) scale(1.4);transform:translateZ(-200px) rotateY(180deg) scale(1.4)}12%{-webkit-transform:translateZ(-100px) rotateY(180deg) scale(1.4);transform:translateZ(-100px) rotateY(180deg) scale(1.4)}65%{-webkit-transform:translateZ(-100px) rotateY(1turn) scale(1.4);transform:translateZ(-100px) rotateY(1turn) scale(1.4)}to{-webkit-transform:translateZ(-200px) rotateY(1turn) scale(1.4);transform:translateZ(-200px) rotateY(1turn) scale(1.4)}}@-webkit-keyframes FlipCard-umbra1{0%{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@keyframes FlipCard-umbra1{0%{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@-webkit-keyframes FlipCard-umbra2{0%{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@keyframes FlipCard-umbra2{0%{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:0;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:.3;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@-webkit-keyframes FlipCard-penumbra1{0%{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@keyframes FlipCard-penumbra1{0%{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@-webkit-keyframes FlipCard-penumbra2{0%{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}@keyframes FlipCard-penumbra2{0%{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(0deg) scale(1.4)}12%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(0deg) scale(1.4)}65%{opacity:.5;-webkit-transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(62px) rotateY(180deg) scale(1.4)}to{opacity:0;-webkit-transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4);transform:translateZ(-201px) translateY(2px) rotateY(180deg) scale(1.4)}}.App{text-align:center}.App-logo{height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-intro{font-size:large}.App-testbed{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.31e347d3.css.map*/