body{height:100%;margin:0;padding:0;font-family:Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;background:linear-gradient(45deg,#90caf9,#b0bec5);background-repeat:no-repeat;background-attachment:fixed}@keyframes burst{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.01)}}@keyframes from-bottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{background-color:#388e3c;color:#fff;height:40px;padding:0 20px;border-radius:4px;box-shadow:1px 1px 3px #0000004d;font-size:16px;text-transform:uppercase;letter-spacing:.8pt;display:flex;align-items:center;transition:background-color 80ms ease-in-out;cursor:pointer}.btn:hover{background-color:#6abf69}.btn.disabled{opacity:.65;box-shadow:none;cursor:not-allowed}.modal-container{display:flex;position:fixed;top:0;left:0;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:#000c;z-index:10000;opacity:1;transition:opacity .3s ease-in-out}.modal-container.leaving{opacity:0}.modal-inner{background-color:#fff;width:720px;max-width:90vw;border-radius:10px;box-shadow:1px 1px 6px #0000004d;animation:from-bottom .3s}.App{text-align:center}@keyframes heart{0%{transform:translateY(100px);opacity:1}to{transform:translateY(0);opacity:0}}.heart{position:absolute;opacity:0;z-index:100}.ModalCommon{position:relative}.ModalCommon--margin{margin:25px 25px 50px}.ModalCommon--content{text-align:left}.ModalCommon--btn-continue{position:absolute;bottom:-20px;right:10px;animation:from-bottom .5s}@keyframes shrink{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.leaving .ModalCommon--btn-continue{animation:shrink .3s}.icon{margin-right:8px}.CardRow{opacity:0;display:flex;flex-direction:row;justify-content:space-around;width:720px;margin:10px 0;transform:translate(-200px);transition:all .5s ease-in-out}.CardRow.visible{opacity:1;transform:translate(0)}.CardReview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.ShufflingCardGrid{position:relative;margin:0 auto}.Card{position:absolute;font-size:14px;padding:20px;background-color:#fafafa;border-radius:3px;box-shadow:1px 1px 3px #999;box-sizing:border-box;cursor:pointer}.Card.locked{cursor:auto}.Card:hover{box-shadow:1px 1px 9px #519657}.Card.selected{background-color:#b2fab4}.Card.fake{background-color:#ffffff4d;box-shadow:none;border:none}.StageInfo{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-sizing:border-box;background-color:#ffffffe6;box-shadow:0 0 3px #0000004d}.StageInfo.fake{position:relative;opacity:0}.StageInfo h1.StageInfo--instructions{font-weight:400;font-size:24px}.StageInfo h2{min-width:100px;font-weight:500;font-size:20px}.number-selected{display:inline-block;animation-name:burst;animation-duration:.2s}.number-selected.over{color:#d32f2f}.StageInfo--btn-continue{animation:burst .3s}