@import url(https://fonts.googleapis.com/css2?family=Questrial&display=swap);*,:after,:before{margin:0;padding:0;color:inherit}:root{--margin-y-md:3rem;--box-shad-md:1rem 2rem 2rem rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);--color-green:#0f0}html{font-size:62.5%}@media only screen and (max-width:1200px){html{font-size:56.25%}}@media only screen and (max-width:900px){html{font-size:50%}}@media only screen and (max-width:600px){html{font-size:43.75%}}#root{height:100vh;overflow:hidden}.app{height:100%;padding:1.5rem 4rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"Questrial";color:#fff;text-align:center;transition:background-color .9s ease-in}@media only screen and (max-width:600px){.app{padding:0 3rem}}.heading-primary{font-size:5rem;letter-spacing:5px;-webkit-animation:fadeIn 2s 1s backwards,fromTop 2s 1s backwards;animation:fadeIn 2s 1s backwards,fromTop 2s 1s backwards}.heading-primary,.heading-tertiary{margin-bottom:3rem;margin-bottom:var(--margin-y-md)}.heading-tertiary{font-size:2.5rem;letter-spacing:1.5px;line-height:3rem;-webkit-animation:fadeIn 2s 2.6s backwards;animation:fadeIn 2s 2.6s backwards}.loader{margin:0 auto;display:-webkit-flex;display:flex;transition:opacity .3s ease-in}.loading-circle{border-radius:50%;height:.8rem;width:.8rem;margin:0 1rem;background:#fff;-webkit-animation:bounce .5s ease-in infinite;animation:bounce .5s ease-in infinite}.loading-circle:nth-of-type(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loading-circle:nth-of-type(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loading-text{margin-top:3rem;margin-top:var(--margin-y-md);font-size:4rem}.btn-cta{margin:0 auto;font-size:6rem;min-width:15%;background:#000;cursor:pointer;-webkit-animation:fromBottom 1.2s ease-out 3.8s backwards;animation:fromBottom 1.2s ease-out 3.8s backwards;transition:initial;padding:.5rem 4rem;border-radius:10rem;transition:all .3s;border:5px solid red;color:red}.btn-cta:active,.btn-cta:focus,.btn-cta:hover{outline:0;background:#000;color:#0f0;color:var(--color-green);border-color:#0f0;border-color:var(--color-green);-webkit-transform:scale(.98);transform:scale(.98)}.btn-cta .icon-svg{vertical-align:-.8rem}.instructional-text{font-size:2.5rem;margin-top:3rem;margin-top:var(--margin-y-md);-webkit-animation:fromBottom 1.2s ease-out 4.8s backwards;animation:fromBottom 1.2s ease-out 4.8s backwards}.user-instruction{color:#0f0;color:var(--color-green)}.instructional-text.desktop{font-size:2rem}@media only screen and (max-width:600px){.instructional-text.desktop{display:none}}.quote-card{background:#ffebeb;padding:2rem;max-width:114rem;margin:0 auto;border-radius:1rem;box-shadow:1rem 2rem 2rem rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:var(--box-shad-md);-webkit-animation:zoomIn .8s ease-out;animation:zoomIn .8s ease-out}@media only screen and (max-width:600px){.quote-card{padding:1rem}}.quote-container{transition:opacity 1.1s ease-in-out,color 1s ease-in}.fade{opacity:0}.quote-text{padding:1.2rem 1.5rem;font-size:3.6rem;font-weight:600;letter-spacing:1.5px;line-height:5rem;max-height:55vh;overflow-y:auto;-webkit-user-select:text;-ms-user-select:text;user-select:text}@media only screen and (max-width:600px){.quote-text{padding:.5rem;max-height:40vh;font-size:3rem;line-height:4.2rem}}.quote-text .icon-svg{vertical-align:-.5rem}.quote-author{font-size:3.2rem;text-align:right;font-style:italic;margin:1rem 0 4rem;-webkit-user-select:text;-ms-user-select:text;user-select:text}@media only screen and (max-width:600px){.quote-author{margin-bottom:2rem;font-size:2.4rem}}.buttons-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.buttons-container .icon-svg{vertical-align:-5px}.btn-shuffle,.btn-socialMedia{font-size:3.5rem;box-shadow:2px 4px 4px rgba(0,0,0,.19),0 1px 1px rgba(0,0,0,.23);margin:3px;border-radius:.5rem;border:0;padding:0;opacity:.75;transition:background-color 1s ease-in,-webkit-transform .2s;transition:transform .2s,background-color 1s ease-in;transition:transform .2s,background-color 1s ease-in,-webkit-transform .2s}.link-socialMedia{display:block}.btn-shuffle .icon-svg,.link-socialMedia{padding:.9rem 1.1rem}.btn-shuffle:focus,.btn-socialMedia:focus{outline:0}.btn-shuffle:active,.btn-socialMedia:active{-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (hover:hover){.btn-shuffle:hover,.btn-socialMedia:hover{box-shadow:1.5px 3px 3px rgba(0,0,0,.19),0 1px 1px rgba(0,0,0,.23);cursor:pointer;opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}.btn-shuffle:active,.btn-socialMedia:active{-webkit-transform:none;-webkit-transform:initial;transform:none}}.footer{font-size:2.2rem;margin-top:3rem;margin-top:var(--margin-y-md)}@media only screen and (max-width:600px){.footer{font-size:2.5rem}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem)}}@-webkit-keyframes fromBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}80%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}}@keyframes fromBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}80%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}}@-webkit-keyframes fromTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}80%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}@keyframes fromTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}80%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}}@keyframes zoomIn{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}}
/*# sourceMappingURL=main.a2b5972a.chunk.css.map */