@import url(https://fonts.googleapis.com/css?family=Lato);html{--bg-panel:#ebebeb;--color-headings:#333;--color-text:#999;--color-fun:#c44394;--distance:4rem}body{font-family:"Lato",Helvetica,Arial,sans-serif;height:100vh;display:grid;place-items:center;overflow:hidden;margin:0}.card{z-index:1;background:#ebebeb;background:var(--bg-panel);border-radius:1rem;padding:1rem;box-shadow:4px 4px 12px 2px rgba(0,0,0,.6);height:14vw;width:18vw;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.wideCard{width:40vw;height:8vh;margin:1vh}.selection{margin-left:-9vw}.rankingFade{position:absolute;width:100%;left:0}@media(max-width:1024px){.selection{margin-left:-43.9vw;height:60vh;width:80vw}.rankCard{height:27vh;width:75vw;margin-left:1.7vw;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.rankingFade{margin-top:-10vh}.wideCard{width:80vw;margin:2vw}}.stack{color:#999;color:var(--color-text);margin-left:-1rem}a{text-decoration:none;color:#333;color:var(--color-headings)}p{color:#999;color:var(--color-text)}.reorder{height:4vw;width:6vw}.stackContainer{min-width:20rem;min-height:20rem}.bounce{-webkit-animation:bounce .5s ease;animation:bounce .5s ease}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.flip{-webkit-animation:flip 1s ease;animation:flip 1s ease}@-webkit-keyframes flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}.wideColumn{min-width:20rem;min-height:14rem}.helpDialog{width:90vw;height:95vh}.grow{-webkit-animation:grow 1s ease;animation:grow 1s ease}@-webkit-keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes wiggle{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes wiggle{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.wiggle-animation{-webkit-animation:wiggle 1s ease-in-out infinite;animation:wiggle 1s ease-in-out infinite}.card.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-inner{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:inherit;overflow:hidden}.card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@-webkit-keyframes growIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes growIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}.icon-grow{-webkit-animation:growIcon 1s ease;animation:growIcon 1s ease;-webkit-animation-delay:2s;animation-delay:2s}.slide-out{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);-webkit-animation:slide-out .6s ease-in-out forwards;animation:slide-out .6s ease-in-out forwards}.slide-in{-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-animation:slide-in .6s ease-in-out forwards;animation:slide-in .6s ease-in-out forwards}.slide-up{-webkit-animation:slide-up .6s ease-in-out forwards;animation:slide-up .6s ease-in-out forwards}.fade-out{-webkit-animation:fade-out .6s ease-in-out forwards;animation:fade-out .6s ease-in-out forwards}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.bounce,.card,.fade-out,.flip,.grow,.icon-grow,.rankCard,.slide-in,.slide-out,.slide-up,.wiggle-animation{-webkit-animation-duration:.001ms!important;animation-duration:.001ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=main.dea04ac1.chunk.css.map */