body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:#fff;justify-content:flex-start;min-height:100vh;overflow:hidden;text-align:center}.App,.navbar{align-items:center;display:flex;flex-direction:column}.navbar{font-family:Inclusive Sans,sans-serif;height:100px;justify-content:center;margin-top:20px;width:100%}.navbar-title{font-size:50px;font-weight:600}.navbar-title>span{color:#1e90ff}.navbar-prototype{color:hsla(0,0%,100%,.67);font-size:14px;font-weight:600}.content{box-sizing:border-box;height:calc(100vh - 150px);padding:0 20px 20px;position:relative;width:100%;z-index:1}.flashcards-wrap{flex-direction:column;max-width:100%;width:100%}.flashcard,.flashcards-wrap{align-items:center;display:flex}.flashcard{background-color:#f0f0f0;border:1px solid #000;border-radius:30px;color:#121212;height:600px;justify-content:center;-webkit-perspective:1000px;perspective:1000px;position:absolute;top:200px;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:800px}.flashcard.current{top:100px;-webkit-transform:scale(1);transform:scale(1);z-index:1}.flashcard-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.flashcard:hover .flashcard-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-front .card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;top:0;width:100%}.card-front{background-color:#bbb;color:#000}.card-back{background-color:#1e90ff;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card{align-items:center;background-color:initial;box-sizing:border-box;color:#121212;display:flex;height:200px;height:600px;justify-content:center;max-width:800px;padding:40px;-webkit-perspective:1000px;perspective:1000px;position:absolute;top:100px;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .6s,margin .6s cubic-bezier(.19,-.29,.8,.27),top .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s,margin .6s cubic-bezier(.19,-.29,.8,.27),top .6s;transition:transform .6s,opacity .6s,margin .6s cubic-bezier(.19,-.29,.8,.27),top .6s,-webkit-transform .6s;width:300px;width:100%}.flip-card.current{top:0;-webkit-transform:scale(1);transform:scale(1);z-index:1}.flip-card.hidden{opacity:0}.flip-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.flip-card.flipped .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card.left{margin-right:50%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.flip-card.left,.flip-card.right{opacity:0;pointer-events:none;top:0}.flip-card.right{margin-left:50%;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.flip-card-back,.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #000;border-radius:30px;box-sizing:border-box;display:flex;font-size:30px;height:100%;justify-content:center;padding:40px;position:absolute;width:100%}.flip-card-front{background-color:#1e90ff;color:#fff}.flip-card-back{background-color:#fff;color:#000;flex-direction:column;justify-content:space-between;padding-top:20%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-details{box-sizing:border-box;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;padding:0 60px}.arrows-wrap{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding:0 20px;width:100%}.arrows-wrap>button{font-size:16px;height:50px;margin-left:10px;margin-right:10px;width:250px}.loading-stage{left:50%;opacity:0;padding-top:200px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s}.loading-stage.show{opacity:1}.loading-spinner{margin-bottom:10px;width:40px}.loading-label{font-weight:600}.input-stage{box-sizing:border-box;display:flex;flex-direction:column;left:50%;margin-left:auto;margin-right:auto;max-width:500px;padding:0 20px 20px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s;width:100%}.input-stage.hide{opacity:0}.input-stage>input,textarea{border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-bottom:20px;outline:medium none invert;outline:initial}.input-stage>div{font-size:14px;font-weight:600;margin-bottom:8px;text-align:start}.input-stage>input{border:initial;height:30px;padding:0 6px}.input-stage>textarea{border:1px solid rgba(0,0,0,.22);padding:8px 6px;resize:none}.input-stage>button{background-color:#1e90ff;border:1px solid rgba(0,0,0,.22);border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:40px;transition:background-color .1s}.input-stage>button:hover{background-color:#1471cb}.platform-description{color:#ababab;font-size:14px;line-height:20px;margin-bottom:20px;white-space:pre-line}.button-blue{background-color:#1e90ff;border:1px solid rgba(0,0,0,.22);border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:40px;margin-bottom:10px;margin-top:10px;transition:background-color .1s}.button-blue:hover{background-color:#1471cb}.complete-stage{box-sizing:border-box;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:400px;padding-top:50px;width:100%}.complete-stage>.number{font-family:Inclusive Sans,sans-serif;font-size:70px;margin-bottom:10px}.complete-stage>.number-label{font-family:Inclusive Sans,sans-serif;margin-bottom:40px}.question{background-color:#1e2024;border-radius:12px;box-sizing:border-box;margin-bottom:20px;max-width:800px;padding:24px;width:100%}.question-statement{font-size:18px;font-weight:500;margin-bottom:20px;text-align:left}.question-answers{display:flex;flex-direction:column;gap:12px}.answer-button{background-color:#2c3038;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;text-align:left;transition:background-color .1s}.answer-button:hover{background-color:#363b44}.question-details{background-color:rgba(30,144,255,.1);border-radius:8px;color:hsla(0,0%,100%,.9);font-size:14px;line-height:1.5;margin-top:16px;padding:16px;text-align:left}