@import url(https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{font-family:"Open Sans",Helvetica,sans-serif;height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.summary-container{padding:6rem;margin:4rem;width:800px;height:420px;align-self:center;border-radius:2px;box-shadow:0 5px 30px 6px rgba(0,0,0,.12);position:relative;text-align:center;-webkit-animation:rotateIn 1s ease-in-out;animation:rotateIn 1s ease-in-out}.label{opacity:.8;font-weight:600}.summary-count{font-family:"Abril Fatface",cursive;font-size:16rem}.button-restart{border:none;width:250px;color:#fff;background-color:#000;font-size:1.2rem;padding:1.2rem;z-index:2;text-transform:uppercase;font-weight:700;cursor:pointer}.button-restart:hover{box-shadow:0 4px 10px 2px rgba(0,0,0,.1)}.button-restart:focus{outline:none}@-webkit-keyframes rotateIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@media only screen and (max-width:1024px){.summary-container{margin:1rem;width:400px;height:640px;padding-top:30%}.summary-count{font-size:10rem}}@media screen and (max-width:425px){.summary-container{margin:1rem;width:320px;height:420px;padding-top:30%}.summary-count{font-size:6rem}}.question-container{padding:6rem;margin:4rem;width:800px;height:420px;display:flex;align-self:center;flex-direction:row;border-radius:2px;box-shadow:0 5px 30px 6px rgba(0,0,0,.12);position:relative;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out}.question-data{width:50%}.question{font-size:1.4rem;font-weight:700;line-height:2rem}.answers{padding:2rem 0 .8rem}.button-next{position:absolute;border:none;width:300px;color:#fff;background-color:#000;font-size:1.2rem;padding:1.2rem;z-index:2;bottom:-2rem;right:6rem;cursor:pointer;text-transform:uppercase;font-weight:700;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;transition:all .5s ease-in-out}.button-next:hover{box-shadow:0 4px 10px 2px rgba(0,0,0,.1)}.button-next:focus{outline:none}.ready-to-select{color:#2b2b2b;border:1px solid #474747;border-radius:4px;padding:1rem 1rem 1rem 1.5rem;margin:.8rem 0;background-color:transparent;cursor:pointer;opacity:.8}.ready-to-select:hover{opacity:.5}.not-selected{color:#2b2b2b;background-color:transparent;opacity:.5}.not-selected,.selected{border:1px solid #474747;border-radius:4px;padding:1rem 1rem 1rem 1.5rem;margin:.8rem 0;pointer-events:none}.selected{color:#fff;background-color:#474747}.excluded{background-color:transparent;color:#2b2b2b;opacity:.5}.option:hover{cursor:pointer;opacity:.65}.question-index{font-family:"Abril Fatface";color:#fff;font-size:18rem;width:50%;text-align:right;opacity:.7;text-shadow:2px 6px 4px rgba(0,0,0,.1);line-height:18rem;margin-top:-3rem;margin-left:2rem}.feedback{font-weight:600}.feedback-message{display:flex;flex-direction:row}.message{margin-left:.5rem;padding-top:.3rem}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:1024px){.question-container{margin:1rem;width:400px;height:640px;flex-direction:column-reverse}.question-index{margin-top:0;margin-left:0}.question-data{width:100%}}@media only screen and (max-width:425px){.question-container{margin:1rem;width:320px;height:420px}.question-index{width:100%;font-size:4rem;text-align:left;transform:translateY(80px)}.question-data{width:100%}.answers{padding:0}.button-next{right:0}}.progress-bar{position:fixed;top:0;left:0;right:0;height:.5rem;display:grid;grid-template-columns:repeat(10,1fr);grid-column-gap:.2rem;-webkit-column-gap:.2rem;column-gap:.2rem;justify-items:stretch}.block-dark{background-color:#000}.block-light{background-color:#f3f3f3}
/*# sourceMappingURL=main.953e32b6.chunk.css.map */