@import url(https://fonts.googleapis.com/css?family=Anton|Bangers|Carter+One&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed&display=swap);:root{--white-color:#fff;--light-grey-color:#eae8e8;--light-green-color:#1ecc78;--green-color:#0cb765;--red-color:#eb1d27;--blue-color:#4f78a4;--dark-red-color:#d31017;--dark-grey-color:#363636;--black-color:#333030;--deep-black-color:#000}*{font-family:"Roboto",sans-serif}h1{font-size:70px;color:#fff;color:var(--white-color);font-weight:400;text-align:center;letter-spacing:6px;cursor:pointer;margin:0 auto}h1,h1 a{font-family:"Bangers",cursive}h1 a{text-decoration:none}h1 a,h1 a:hover{color:inherit}h2,h3{font-weight:400;text-align:left;font-family:"Roboto Condensed",sans-serif}body{margin:0;padding:0;background-image:url(/static/media/bg-noise-texture.859dd8b6.png);background-repeat:repeat;height:100vh;display:flex;flex-direction:column}hr{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.3);margin:10px 0}header{display:flex;justify-content:center}.banner-container{padding:20px 0;flex-basis:80%}main{flex-grow:1}.welcomePage{background-color:#eb1d27;background-color:var(--red-color);background-image:url(/static/media/wolverine.6c4150e9.png);background-repeat:no-repeat;background-position:50%;display:flex;justify-content:space-between;height:500px}.startingImg{background-image:url(/static/media/xmen.738ca667.png)}.leftImg{background-image:url(/static/media/wolverine.6c4150e9.png),url(/static/media/griffes-gauche.e578fea6.png)}.rightImg{background-image:url(/static/media/wolverine.6c4150e9.png),url(/static/media/griffes-droit.ed509e33.png)}.leftBox{justify-content:flex-end}.leftBox,.rightBox{display:flex;flex:0 1 35%;align-items:flex-start}.btn-welcome{border:2px solid #fff;border:2px solid var(--white-color);color:#fff;color:var(--white-color);padding:12px 25px;border-radius:5px;background-color:transparent;font-weight:400;font-size:19px;text-align:center;margin-top:150px;text-decoration:none}.btn-welcome:hover{border:2px solid #fff;border:2px solid var(--white-color);color:#eb1d27;color:var(--red-color);background-color:#fff;background-color:var(--white-color)}.toastify-color{position:absolute;-webkit-animation:spinAndMove 2s ease-in-out 2 forwards;animation:spinAndMove 2s ease-in-out 2 forwards}@-webkit-keyframes spinAndMove{0%{font-size:30px;text-align:center}50%{font-size:10px;text-align:center}to{font-size:30px;text-align:center}}@keyframes spinAndMove{0%{font-size:30px;text-align:center}50%{font-size:10px;text-align:center}to{font-size:30px;text-align:center}}footer{display:flex;justify-content:center}.footer-container{padding:20px 0;flex:0 1 80%}.footer-container p{color:#fff;color:var(--white-color);line-height:19px;margin:10px 0;padding:0;font-size:12px;font-weight:400}.quiz-bg{margin:0;padding:0;justify-content:center}.container,.quiz-bg{background-color:#fff;background-color:var(--white-color);display:flex}.container{padding:30px;flex:0 1 80%;flex-direction:column;align-items:stretch}.signUpLoginBox{background-image:url(/static/media/bg-noise-texture.859dd8b6.png);background-repeat:repeat;box-shadow:inset 0 143px 108px -18px rgba(0,0,0,.39);display:flex;justify-content:center}.slContainer{flex:0 1 80%;display:flex}.formBoxLeftSignup{background-image:url(/static/media/ironman.248392c9.png)}.formBoxLeftLogin,.formBoxLeftSignup{min-height:500px;background-repeat:no-repeat;background-position:50%;flex:0 1 50%}.formBoxLeftLogin{background-image:url(/static/media/spiderman.6a1254d8.png)}.formBoxLeftForget{min-height:500px;background-image:url(/static/media/deadpool.a23e8042.png);background-repeat:no-repeat;background-position:50%;flex:0 1 50%}.formBoxRight{flex:0 1 50%}.formBoxRight span{display:block;color:#eb1d27;color:var(--red-color);text-align:center;border:1px solid #eb1d27;border:1px solid var(--red-color);padding:10px;margin:15px 0}.formContent{width:100%;padding:20px;box-sizing:border-box}.formContent h2{margin:0 0 40px;padding:0;color:#fff;color:var(--white-color);text-transform:uppercase}.formContent .inputBox{position:relative;height:80px}.formContent .inputBox input{width:100%;padding:10px 0;font-size:17px;color:#eb1d27;color:var(--red-color);text-transform:uppercase;font-weight:700;margin-bottom:30px;background:transparent;border:none;border-bottom:1px solid #fff;border-bottom:1px solid var(--white-color);outline:none}.formContent .inputBox label{color:#fff;color:var(--white-color);position:absolute;top:0;left:0;padding:10px 0;font-size:17px;pointer-events:none;transition:.2s ease-in}.formContent .inputBox input:focus~label,.formContent .inputBox input:valid~label{top:-30px;left:0;color:#fff;color:var(--white-color);font-size:16px;font-style:italic}.formContent button{display:block;margin:0 auto 20px;min-width:150px;background-color:transparent;color:#fff;color:var(--white-color);padding:7px;font-size:15px;border-radius:5px}.formContent button:hover{background-color:#eb1d27;background-color:var(--red-color);color:#fff;color:var(--white-color);cursor:pointer}button:disabled,button:disabled:hover,button[disabled],button[disabled]:hover{border:1px solid #eae8e8;border:1px solid var(--light-grey-color);background-color:#eae8e8;background-color:var(--light-grey-color);color:#363636;color:var(--dark-grey-color);opacity:.65;cursor:not-allowed}.linkContainer{height:50px;margin-top:35px;padding-top:15px;border-top:1px dashed #eae8e8;border-top:1px dashed var(--light-grey-color)}.simpleLink{color:#fff;color:var(--white-color);text-decoration:none;font-size:12px}.simpleLink:hover{color:#eb1d27;color:var(--red-color)}.loader{border-radius:50%;border:10px solid #eae8e8;border-top-color:#d31017;border:10px solid var(--light-grey-color);border-top-color:var(--dark-red-color);width:50px;height:50px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:40px auto 20px}.loaderText{text-align:center;font-family:"Bangers",cursive;color:#fff;color:var(--white-color);font-size:30px;letter-spacing:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logoutContainer{display:flex;justify-content:flex-end;margin-bottom:30px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#eae8e8;background-color:var(--light-grey-color)}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#eb1d27;background-color:var(--red-color)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.levelsContainer{display:flex;background-color:#eae8e8;background-color:var(--light-grey-color);padding:20px;margin-bottom:40px}.headingLevels{margin:0}.percentage{display:flex;justify-content:space-between}.progressPercent{text-align:center;background-color:#eae8e8;background-color:var(--light-grey-color);color:#333030;color:var(--black-color);flex:0 1 40%;padding:8px 0;border-radius:6px}.progressBar{border:1px solid #eae8e8;border:1px solid var(--light-grey-color);box-shadow:inset -1px 2px 8px 3px rgba(211,209,209,.3);height:30px;margin:20px 0;border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:0 6px}.progressBarChange{height:18px;text-align:center;border-radius:5px;background:#eb1d27;background:var(--red-color)}.answerOptions{padding:10px;background-color:#eae8e8;background-color:var(--light-grey-color);line-height:20px;text-align:left;border:none;color:#333030;color:var(--black-color);font-weight:700;border-radius:5px;cursor:pointer;margin-top:0}.answerOptions:hover{background-color:#eb1d27;background-color:var(--red-color);box-shadow:0 4px 16px -5px rgba(0,0,0,.75);cursor:pointer;color:#fff;color:var(--white-color)}.stepsBtnContainer{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;flex-wrap:wrap}.successMsg{color:#1ecc78;color:var(--light-green-color)}.failureMsg,.successMsg{font-weight:700;text-transform:uppercase}.failureMsg{color:#eb1d27;color:var(--red-color)}.btnResult{flex:0 1 200px;font-size:15px;text-transform:uppercase;padding:9px 40px;border-radius:4px;cursor:pointer;font-weight:700}.success{border:2px solid #1ecc78;border:2px solid var(--light-green-color);color:#1ecc78;color:var(--light-green-color)}.failure,.success{background-color:transparent;flex:0 1 250px}.failure{border:2px solid #eb1d27;border:2px solid var(--red-color);color:#eb1d27;color:var(--red-color)}.gameOver{background-color:transparent;border:2px solid #4f78a4;border:2px solid var(--blue-color);color:#4f78a4;color:var(--blue-color);flex:0 1 250px}.success:hover{background-color:#1ecc78;background-color:var(--light-green-color)}.failure:hover,.success:hover{color:#fff;color:var(--white-color)}.failure:hover{background-color:#eb1d27;background-color:var(--red-color)}.gameOver:hover{background-color:#4f78a4;background-color:var(--blue-color);color:#fff;color:var(--white-color)}.answerContainer{overflow-x:"auto"}.answers{border-collapse:collapse;width:100%}.answers td,.answers th{border:1px solid #eae8e8;border:1px solid var(--light-grey-color);padding:15px}.answers th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#eb1d27;background-color:var(--red-color)}.answers th,.btnInfo{color:#fff;color:var(--white-color);text-transform:uppercase}.btnInfo{background-color:#d31017;background-color:var(--dark-red-color);border:2px solid #d31017;border:2px solid var(--dark-red-color);border-radius:4px;cursor:pointer;margin:0;padding:9px;width:100%;font-size:15px}.btnInfo:hover{border:2px solid #eb1d27;border:2px solid var(--red-color)}.btnInfo:hover,.btnSubmit{background-color:#eb1d27;background-color:var(--red-color);color:#fff;color:var(--white-color)}.btnSubmit{font-size:16px;padding:6px;border-color:#eb1d27;border-color:var(--red-color);border-radius:5px;width:150px;display:block;margin:0 auto;cursor:pointer}.selected{background-color:#eb1d27;background-color:var(--red-color);color:#fff;color:var(--white-color);text-transform:uppercase}.modalBackground{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modalContainer{flex:0 1 70%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);display:flex;flex-direction:column}.modalHeader{background-color:#d31017;background-color:var(--dark-red-color);padding:15px;border-top-left-radius:5px;border-top-right-radius:5px}.modalHeader,.modalHeader h2{color:#fff;color:var(--white-color)}.modalHeader h2{margin:0}.modalBody{padding:30px 10px;background:#fff;background:var(--white-color);height:400px;overflow:auto;display:flex;justify-content:space-around;align-items:center}.comicImage{flex:0 1 40%;align-self:stretch}.comicDetails{flex:0 1 50%;align-self:stretch}.comicImage img{width:100%;height:auto}.comicImage p{font-size:14px;font-style:italic;color:#363636;color:var(--dark-grey-color)}.comicDetails h3{padding-bottom:10px;border-bottom:1px solid #eae8e8;border-bottom:1px solid var(--light-grey-color);text-transform:uppercase}.comicDetails p{font-style:italic;margin-bottom:40px;color:#363636;color:var(--dark-grey-color)}.comicDetails a{flex:0 1 60%;display:inline-block;background-color:#d31017;background-color:var(--dark-red-color);padding:10px 15px;margin-right:10px;color:#fff;text-align:center;text-decoration:none;transform:skew(-15deg)}.comicDetails a:hover{background-color:#363636;background-color:var(--dark-grey-color)}.modalFooter{background-color:#fff;background-color:var(--white-color);padding:10px;color:#fff;color:var(--white-color);text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;border-top:1px solid #eae8e8;border-top:1px solid var(--light-grey-color)}.modalBtn{background:#eae8e8;background:var(--light-grey-color);padding:9px 5px;width:90px;color:#000;color:var(--deep-black-color);border-radius:6px;cursor:pointer;margin:0;font-size:15px}.modalBtn,.modalBtn:hover{border:1px solid #eae8e8;border:1px solid var(--light-grey-color)}.modalBtn:hover{background:#eb1d27;background:var(--red-color);color:#fff;color:var(--white-color)}@media screen and (max-width:540px){.container img{width:100%;height:auto}.stepsBtnContainer{display:flex;flex-direction:column;padding-bottom:10px;align-items:stretch}.failure,.gameOver,.success{flex-basis:auto}}@media (max-width:850px){.welcomePage{background-image:none;flex-direction:column;height:300px;justify-content:center}.leftBox,.rightBox{display:flex;flex:0 1 40%;justify-content:center;align-items:center}.btn-welcome{margin-top:0;flex-basis:300px}}@media screen and (max-width:980px){.modalBody{flex-direction:column;justify-content:flex-start;padding:30px}.modalContainer{flex:0 1 90%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);display:flex;flex-direction:column}}@media screen and (max-width:1110px){.container{flex:0 1 100%}.formBoxLeftForget,.formBoxLeftLogin,.formBoxLeftSignup{display:none}.formBoxRight{flex:0 1 100%}}
/*# sourceMappingURL=main.fb943f28.chunk.css.map */