body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-heading h1{background-color:#000;line-height:1;margin:0;text-align:left;font-style:italic;font-size:13vw;color:#f2f2f2;font-weight:900;text-transform:uppercase;letter-spacing:-.3rem}@media (min-width:800px){.main-heading h1{letter-spacing:-.6rem}}.main-display{display:flex;flex-direction:column;justify-content:space-evenly}@media (min-width:700px){.main-display{flex-direction:row}}.main-display h2{font-style:italic;font-size:2rem;background-color:#000;color:#f2f2f2;padding:1rem 1.5rem;text-transform:uppercase}@media (max-width:700px){.main-display-right{margin:auto}}.main-display-left{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:3rem}.main-display-left h2{font-size:1.5rem}.main-display-left-options{font-size:1.25rem;line-height:1.25}.main-display-left-controls{line-height:1.5}.main-display-left-controls-options{text-align:center}.main-display-left-controls-options-inner{display:inline-block;text-align:left}.main-display-left-controls-button{text-align:center}.main-display-left-controls-small-ones{padding:1rem 2rem;display:flex;flex-direction:row;justify-content:space-around}@media (min-width:600px){.main-display-left-controls-small-ones{justify-content:space-between}}.main-display-right{text-align:left}.main-display-right h2{text-align:center}svg{position:absolute;z-index:-1}button.generate-card{position:relative;display:inline-block;cursor:pointer;outline:none;background:#d9d9d9;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;margin-bottom:5rem;font-size:2.5rem;font-weight:900;color:#000;text-transform:uppercase;padding:1em 1.5em;background:button.generate-card light-grey;border:5px solid #000;border-top-left-radius:1em;border-bottom-right-radius:1em;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out}@media (min-width:500px){button.generate-card{font-size:3rem;padding:1.25em 2em}}button.generate-card:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#8c8c8c;border-radius:inherit;box-shadow:0 0 0 5px #000,0 .625em 0 5px #919191;transform:translate3d(0,.75em,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}button.generate-card:hover{background:#bfbfbf;transform:translateY(.25em)}button.generate-card:hover:before{box-shadow:0 0 0 5px #000,0 .5em 0 5px #919191;transform:translate3d(0,.5em,-1em)}@media (max-width:415px){button.generate-card{background:#bfbfbf;transform:translateY(.25em)}button.generate-card:before{box-shadow:0 0 0 5px #000,0 .5em 0 5px #919191;transform:translate3d(0,.5em,-1em)}}button.generate-card:active{background:#bfbfbf;transform:translateY(.75em)}button.generate-card:active:before{box-shadow:0 0 0 5px #000,0 0 #919191;transform:translateZ(-1em)}.main-display-right-controls{text-align:center}.help-button button,.main-display-right-controls button,.save-button button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;margin-bottom:4rem;font-size:1.5rem}.help-button button.help,.help-button button.save,.help-button button.sort-cards,.main-display-right-controls button.help,.main-display-right-controls button.save,.main-display-right-controls button.sort-cards,.save-button button.help,.save-button button.save,.save-button button.sort-cards{font-weight:900;color:#000;text-transform:uppercase;padding:1em;background:.main-display-right-controls button.sort-cards,.main-display-right-controls button.help,.main-display-right-controls button.save,.help-button button.sort-cards,.help-button button.help,.help-button button.save,.save-button button.sort-cards,.save-button button.help,.save-button button.save light-grey;border:5px solid #000;border-top-left-radius:1em;border-bottom-right-radius:1em;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out}.help-button button.help:before,.help-button button.save:before,.help-button button.sort-cards:before,.main-display-right-controls button.help:before,.main-display-right-controls button.save:before,.main-display-right-controls button.sort-cards:before,.save-button button.help:before,.save-button button.save:before,.save-button button.sort-cards:before{position:absolute;opacity:.85;display:inline;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#8c8c8c;border-radius:inherit;box-shadow:0 0 0 5px #000,0 .625em 0 5px #919191;transform:translate3d(0,.75em,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}.help-button button.help:hover,.help-button button.save:hover,.help-button button.sort-cards:hover,.main-display-right-controls button.help:hover,.main-display-right-controls button.save:hover,.main-display-right-controls button.sort-cards:hover,.save-button button.help:hover,.save-button button.save:hover,.save-button button.sort-cards:hover{background:#bfbfbf;transform:translateY(.25em)}.help-button button.help:hover:before,.help-button button.save:hover:before,.help-button button.sort-cards:hover:before,.main-display-right-controls button.help:hover:before,.main-display-right-controls button.save:hover:before,.main-display-right-controls button.sort-cards:hover:before,.save-button button.help:hover:before,.save-button button.save:hover:before,.save-button button.sort-cards:hover:before{box-shadow:0 0 0 5px #000,0 .5em 0 5px #919191;transform:translate3d(0,.5em,-1em)}@media (max-width:415px){.help-button button.help,.help-button button.save,.help-button button.sort-cards,.main-display-right-controls button.help,.main-display-right-controls button.save,.main-display-right-controls button.sort-cards,.save-button button.help,.save-button button.save,.save-button button.sort-cards{background:#bfbfbf;transform:translateY(.25em)}.help-button button.help:before,.help-button button.save:before,.help-button button.sort-cards:before,.main-display-right-controls button.help:before,.main-display-right-controls button.save:before,.main-display-right-controls button.sort-cards:before,.save-button button.help:before,.save-button button.save:before,.save-button button.sort-cards:before{box-shadow:0 0 0 5px #000,0 .5em 0 5px #919191;transform:translate3d(0,.5em,-1em)}}.help-button button.help:active,.help-button button.save:active,.help-button button.sort-cards:active,.main-display-right-controls button.help:active,.main-display-right-controls button.save:active,.main-display-right-controls button.sort-cards:active,.save-button button.help:active,.save-button button.save:active,.save-button button.sort-cards:active{background:#bfbfbf;transform:translateY(.75em)}.help-button button.help:active:before,.help-button button.save:active:before,.help-button button.sort-cards:active:before,.main-display-right-controls button.help:active:before,.main-display-right-controls button.save:active:before,.main-display-right-controls button.sort-cards:active:before,.save-button button.help:active:before,.save-button button.save:active:before,.save-button button.sort-cards:active:before{box-shadow:0 0 0 5px #000,0 0 #919191;transform:translateZ(-1em)}.card{margin-bottom:5rem;position:relative;width:100%;height:100%;top:0;left:0}.card .card-frame{text-align:left}.card .card-graphics{text-align:center}.card .card-graphics svg polygon{stroke-width:6px}.card .card-info{display:flex;padding-top:1rem;flex-direction:column}.card .card-info-name{font-family:Rowdy,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;padding-left:1rem;font-size:1.75rem;text-align:center}.card .card-info .empty-star,.card .card-info .filled-star{width:1.2rem;height:1.2rem;stroke-width:5px;margin-right:.05rem;fill:#bf1120}.card .card-info .stars{text-align:center}.card .card-info .stars svg{position:static}.card .card-info-buttons{display:flex;flex-direction:row;justify-content:space-between}.card .export-card{font-size:1.25rem;transition:color .15s ease-out}.card .export-card button{margin-left:.75rem;margin-top:0}.card .export-card svg{z-index:0;position:relative;transition:color .15s ease-out}.card .export-card svg:hover{color:#000}.card .export-card-button-menu{color:#000;font-size:1.5rem;opacity:.8;top:-40px;left:-8px;position:absolute;background-color:#f2f2f2;padding:.25rem .5rem;border:5px solid #000;border-radius:1rem 0 1rem 0;margin-bottom:100px;transition:color display .15s linear;animation:open-export-menu .5s 1}.card .export-card-button-menu a{color:#000}.card .export-card-button-menu svg{padding-top:3rem;z-index:1;padding:.15rem!important;position:relative}.card .export-card-button-menu-tweet{padding-left:.15rem}.card .export-card-button-menu-facebook{margin-left:-1rem}.card .export-card-button-menu-facebook svg{font-size:1.5rem}.card .arrow-down{width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-15px;left:25px;border-top:10px solid #000}.card.latest{height:200px}.card.latest .card-info{padding-top:2.5rem}@media (min-width:500px){.card.latest .card-info{padding-top:1.5rem}}.card.latest span{font-size:2rem}@media (min-width:500px){.card.latest span{font-size:3rem}}.card.latest .empty-star,.card.latest .filled-star{width:2rem!important;height:2rem!important}.card.latest .card-frame svg{margin:0}@media (max-width:500px){.card.latest .card-frame svg{margin:1.5rem 0 0 3rem;width:330px!important;height:185px!important}}.card.latest .delete-card button{font-size:2rem;padding:1rem 3rem 0 0}@media (min-width:500px){.card.latest .delete-card button{padding:0}}.card.latest .export-card button{margin-left:2.25rem;margin-top:1rem}.card.latest .export-card svg{font-size:2.25rem}.card.latest .export-card-button-menu{color:#000;font-size:2.25rem;opacity:.8;top:-15px;left:20px;position:absolute;background-color:#f2f2f2;padding:.75rem .5rem .25rem;border:5px solid #000;border-radius:1rem 0 1rem 0;margin-bottom:100px;transition:color display .15s linear;animation:open-export-menu .5s 1}.card.latest .export-card-button-menu svg{z-index:1;padding:.15rem!important;position:relative}.card.latest .export-card-button-menu-facebook{margin-left:-2.3rem;margin-top:-1rem}.card.latest .export-card-button-menu-facebook svg{font-size:2.15rem}.card.latest .arrow-down{bottom:-15px;left:29px}.save-button{text-align:right;transform:translateY(-4rem)}@keyframes open-export-menu{0%{opacity:0}to{opacity:.8}}.card-graphics,.card-info{position:relative}.delete-card,.export-card{text-align:right}.delete-card button,.export-card button{border:0;background-color:inherit;font-size:1.5rem;font-weight:900}.color-switch{margin-top:1rem;position:fixed;bottom:110px;right:170px}.color-switch circle{transition:transform .15s ease-out}.color-switch svg{transform:scale(.7);opacity:.9;padding-top:1rem;background:#fff;border:3px solid #fff;border-radius:10px;z-index:1}.color-switch .rainbow-square{transform:scale(1)}.help-button{transform:scale(.5);position:fixed;bottom:-23px;left:0}.welcome{display:flex;flex-direction:column;justify-content:space-between;opacity:.95;position:fixed;top:50%;left:50%;margin-top:-45vh;margin-left:-45vw;height:80vh;width:80vw;background:#fff;border:5px solid #000;border-radius:2em 0 2em 0;box-shadow:0 10px 0 #919191;z-index:1;padding:1rem;font-size:1rem}.welcome h1{margin-top:0;margin-bottom:0;padding-bottom:0;font-size:2rem}.welcome h2{margin-bottom:0;font-size:1.5rem}.welcome p{margin-top:.5rem}.welcome .empty-star{width:.9rem;height:.9rem;stroke-width:5px;margin-right:.05rem;fill:#bf1120}@media (min-width:550px){.welcome{padding:1rem 2rem;font-size:1.5rem}.welcome h1{margin-top:0;font-size:3rem}.welcome h2{font-size:2rem}.welcome .empty-star{width:1.2rem;height:1.2rem;stroke-width:5px;margin-right:.05rem;fill:#bf1120}}.welcome .stars{display:inline;text-align:center}.welcome .stars svg{position:static}.welcome .close{text-align:right}.welcome .close button{border:0;background-color:inherit;font-size:3rem;font-weight:900}@media (max-device-width:640px){.welcome .close{margin-right:-3rem}}.welcome-button{text-align:right}.welcome-button button{font-size:3rem;background:none;border:0}@media (max-device-width:640px){.welcome-button{margin-right:-3rem}}.card.export{margin:10rem}.card.export .card-info{padding-top:8.5rem}.card.export .card-info-name{font-size:5rem}.arrow-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000}.welcome-page-icon{position:relative}
/*# sourceMappingURL=main.15e09d1f.chunk.css.map */