:root{--width:0px;--transform:-6rem}*{font-family:"Inter",sans-serif}.c-theme{color:#2320cc}.App{display:grid;transition:all .5s;grid-template-areas:"navbar main";grid-template-columns:0 1fr;grid-template-columns:var(--width) 1fr}.App .side-nav{grid-area:navbar;-webkit-transform:translateX(-6rem);transform:translateX(-6rem);-webkit-transform:translateX(var(--transform));transform:translateX(var(--transform))}.App main{grid-area:main}.side-nav{position:fixed;top:0;z-index:var(--z-2);left:0;padding:1rem 0 0;height:100vh;width:0;width:var(--width);background-color:#f5f5f5;text-align:center;transition:all .5s}.side-nav,.side-nav a{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;box-sizing:border-box}.side-nav a{width:100%;margin-bottom:var(--p-2);padding:var(--p-2);font-size:.8rem;font-weight:600;color:#000;text-transform:capitalize}.side-nav a:hover{background-color:#e5e5e5}.side-nav .active,.side-nav .active:hover{background-color:#2e2e40;color:#fff}@media (min-width:600px){.side-nav svg{height:2rem;width:2rem;margin:0 0 var(--p-2)}.side-nav a{padding:var(--p-3)}}.quiz-card .details{padding:var(--p-4) var(--p-2) var(--p-2)}.quiz-card .cta{margin:var(--p-4) 0 0}.quiz-card:hover{-webkit-transform:translateY(-.5rem) scale3d(1.025,1.025,1);transform:translateY(-.5rem) scale3d(1.025,1.025,1)}.menu{position:fixed;top:0;background-color:#fff;width:100vw;width:calc(100vw - var(--width));z-index:var(--z-1);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;height:60px;border-bottom:1px solid #adadb4}.menu .btn-c-base{padding:var(--p-3)}.menu .btn-c-base:hover{background-color:#f5f5f5}.menu a{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:0 var(--p-2);color:#000;font-size:1rem;font-weight:500;height:100%;text-transform:capitalize}.menu a:hover{transition:all .4s;background-color:#f5f5f5}.menu .logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-decoration:none;font-size:var(--fsz-1);font-weight:500;color:#000;height:100%}.menu .logo img{height:50px;margin:0 var(--p-1) 0 0}.menu .input-addon-base{margin:0 auto}.menu .cta{font-weight:550}.menu .cta svg{vertical-align:middle}.menu .account svg{height:25px;width:25px}.jc-center{-webkit-justify-content:center!important;justify-content:center!important}.menu .account{padding:var(--p-2);border-radius:50%}.menu .account,.menu .account:hover{background-color:#2320cc;color:#fff}.quiz-grid .heading{text-align:center}.quiz-grid .flex-layout{padding:var(--p-7) 0 0;-webkit-justify-content:center;justify-content:center}.hero{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100vw;width:calc(100vw - var(--width))}.hero>*{margin-bottom:var(--p-4)}.hero img{margin:var(--p-4);height:50vh;border-radius:var(--br-3)}@media (min-width:600px){.heading{font-size:var(--fsz-3)}.hero{width:auto}.menu .btn-c-base{margin:0 var(--p-2)}.menu a,.menu button{padding:0 var(--p-4)}.quiz-grid .flex-layout>*{margin:0 var(--p-4) var(--p-7) 0}.user-auth{width:30vw;margin:0 auto;padding:2rem 0}.user-auth .cta{width:23vw}}@-webkit-keyframes backAndForth{to{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}}@keyframes backAndForth{to{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}}.link{color:var(--c-link);font-size:1rem}.not-allowed{cursor:not-allowed!important}.jc-end{-webkit-justify-content:flex-end!important;justify-content:flex-end!important}.fw-600{font-weight:600}.btn-reset{border:0}.btn-reset,.btn-reset:hover{background-color:transparent}.btn-reset:hover{text-decoration:underline}.show{--width:90px!important;--transform:0!important}.mx-auto{margin:0 auto}.error{--current-color:var(--c-danger-200)!important}.pos-top-right{position:absolute;top:10%;right:0;left:0;margin:0 auto}.heading{font-size:var(--fsz-2);font-weight:500}.icon{height:20px}.icon-lg{height:100px}.loader{margin-left:var(--p-2);display:inline-block;border-radius:50%;height:20px;width:20px;border:2px solid;border-right:2px solid transparent;-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-input{background-color:#fff;width:315px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing:border-box;border:1px solid #adadb4;border-radius:var(--br-1);position:relative}.icon-input .icon{margin:auto var(--p-2);height:1.5rem;width:1.5rem}.icon-input button{background-color:transparent;border:0;padding:0}.icon-input input{font-family:"Inter";padding:var(--p-3) 0;width:80%;border:0}.icon-input input:focus{outline:0}.icon-input:focus-within{transition:all .2s ease;background-color:#fff;border:2px solid var(--current-color)}.icon-input:focus-within .icon{color:var(--current-color)}.icon-input:hover,.icon-input:hover input{background-color:#e5e5e5}.cta{display:inline-block;background-color:#5553ff!important;color:#fff!important}.cta:hover{background-color:#2320cc!important}.flex-column{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container{margin-top:60px;padding-top:2rem;box-sizing:border-box}@media (min-width:600px){.container{padding-top:3rem;margin:60px auto 0}}.jumbotron{padding:0!important;margin:0!important;height:auto!important}.input-addon-base{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:var(--p-1) var(--p-2);border-radius:var(--br-1);border:1px solid var(--icon-primary-300)}.input-addon-base input{border:0;padding:var(--p-2);background-color:transparent;font-family:"inter",sans-serif;font-weight:500}.input-addon-base input:active,.input-addon-base input:focus{outline:0}.input-addon-base .icon{vertical-align:middle;font-size:var(--fsz-1);padding:var(--p-2) 0 0;color:var(--c-base-200)}.input-addon-base:focus-within .icon{color:var(--c-base-300)}@media (min-width:600px){.heading{font-size:var(--fsz-3)}}.search-container{position:fixed;top:0;right:0;background-color:rgba(0,0,0,.5);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:100vh;width:100vw;z-index:var(--z-4);padding-top:3rem}@-webkit-keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open{0%{opacity:0}to{opacity:1}}.search-container input{width:90vw;height:50px;color:#fff;font-weight:500;text-align:center;padding:var(--p-2);box-sizing:border-box;border:1px solid #000;border-radius:var(--br-2);background-color:#000;-webkit-animation:open .3s ease;animation:open .3s ease}.list-item{background-color:#fff;border-radius:var(--br-1)}@media (min-width:600px){.search-container input{width:40vw}}.quiz{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.quiz h2{font-size:var(--fsz-1);font-weight:500;margin-bottom:var(--p-4)}.quiz .question{box-shadow:1px 1px 10px #d1d1d1;box-sizing:border-box;padding:var(--p-4);width:95vw;border-radius:var(--br-3);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 auto var(--p-4)}.quiz .btn-success,.quiz .cta{-webkit-align-self:flex-end;align-self:flex-end;padding:var(--p-2)!important}.quiz .cta:hover svg{-webkit-animation:backAndForth .3s forwards;animation:backAndForth .3s forwards}.quiz-stats{background-color:#f6f6f6!important;padding:0!important;margin:var(--p-4) 0;display:-webkit-flex;display:flex}.quiz-stats .count{font-size:var(--fsz-2);font-weight:600;color:#2320cc}.quiz-stats .one{padding-top:var(--p-4)!important;height:180px;width:180px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.quiz-stats .score{height:80px;width:80px;display:grid;place-items:center;border-radius:50%;margin:0 auto var(--p-4);border:7px solid #c8c8c8}.quiz-stats .grid-item{padding:var(--p-2);margin-left:var(--p-2);margin-bottom:var(--p-2);border-radius:var(--br-2);background-color:#fff}.quiz-stats .markers{text-transform:capitalize;font-size:.8rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative}.quiz-stats .markers:after{content:"";height:10px;width:10px;position:absolute;left:60%;border-radius:50%}.quiz-stats .markers:first-of-type:after{background-color:var(--c-danger-200)}.quiz-stats .markers:nth-of-type(2):after{background-color:var(--c-success-200)}.quiz-stats h2{font-size:1rem}.quiz-stats .cube{height:80px;width:80px}.option{text-transform:capitalize;padding:var(--p-1);border-radius:var(--br-1);margin-bottom:var(--p-1)}.option,.option input[type=radio]{cursor:pointer}.option label{margin-left:var(--p-2)}.option:focus,.option:hover:not(.chosen,.correct){transition:all .3s;color:#2320cc;outline:1px solid #2320cc}.result{padding-top:60px;width:100%;background-color:#f6f6f6;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;box-sizing:border-box}.result>div{margin:var(--p-5) var(--p-5) 0;border:1px solid var(--c-grey-apple);border-radius:var(--br-2);padding:var(--p-4);background-color:#fff}.result .option:hover:not(.chosen,.correct){color:#000;outline:none}.result svg{vertical-align:middle;height:1rem}.result .note{font-size:.8rem;color:var(--c-primary-200)}.result .chosen,.result .correct{color:#fff}.result .chosen{color:var(--c-danger-200);border:1px solid var(--c-danger-200)}.result .correct{font-weight:600;color:var(--c-success-200);border:1px solid var(--c-success-200)}@media (min-width:600px){.quiz-stats{width:55vw!important;-webkit-justify-content:start;justify-content:start}.quiz-stats .grid-item{margin-left:var(--p-4);margin-bottom:var(--p-4);border-radius:var(--br-4);padding:var(--p-4)}.quiz-stats .markers{font-size:1rem}.quiz-stats .score{height:130px;width:130px;margin:var(--p-4) auto var(--p-7);border:.8rem solid #c8c8c8}.quiz-stats .one{height:270px;width:270px}.quiz-stats .cube{height:110px;width:250px}.quiz-stats .count{font-size:var(--fsz-4)}.quiz-stats h2{font-size:var(--fsz-2)}.quiz .question,.result>div{width:50vw;padding:var(--p-6) var(--p-6) var(--p-4)}}.quiz-certificate{height:60vh;-webkit-flex-direction:column;flex-direction:column;padding:var(--p-4);background-color:#fff;width:95vw;margin-bottom:var(--p-7);outline:.5rem solid #2320cc}.quiz-certificate,.quiz-certificate .header{display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-justify-content:center;justify-content:center}.quiz-certificate .header{background-color:#2320cc;padding:var(--p-2);-webkit-align-items:center;align-items:center;color:#fff;font-size:var(--fsz-1);font-weight:600}.quiz-certificate img{margin-right:var(--p-2);height:50px}.quiz-certificate .main{background-color:#f6f6f6;display:-webkit-flex;display:flex;text-align:center;padding:var(--p-2);font-family:"Courier New",Courier,monospace;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:1;flex-grow:1}.quiz-certificate .main .title{font-size:var(--fsz-2);font-weight:600}.quiz-certificate .main p{width:90%}.quiz-certificate .footer{background-color:#f6f6f6;padding:0 var(--p-2);font-size:.8rem}@media (min-width:600px){.quiz-certificate{width:70vw;height:80vh;padding:var(--p-6);outline:.8rem solid #2320cc}.quiz-certificate .header{font-size:var(--fsz-3)}.quiz-certificate .main{padding:2rem;font-size:var(--fsz-2)}.quiz-certificate .main .title{font-size:var(--fsz-4)}.quiz-certificate .footer{font-size:1rem;padding:0 1rem 1rem}.quiz-certificate .main p{width:70%;margin:0 auto}}.quiz-card{box-shadow:0 2px 4px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.1);margin:0 0 var(--p-7);cursor:pointer;border-radius:var(--br-2);transition:all .3s ease-in;will-change:transform}.quiz-card img{border-radius:var(--br-2) var(--br-2) 0 0;height:200px}.quiz-card .details{padding:var(--p-4) var(--p-2)}.quiz-card .details h3{font-size:var(--fsz-1);font-weight:500}.quiz-card .cta{display:inline-block;margin:var(--p-2) 0 0}.quiz-card:hover{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.home{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#1f2937;min-height:100vh}.home .text{box-sizing:border-box;padding:var(--p-4)}.home .text h1{font-size:var(--fsz-4);color:#fff}.home .text h1 span{color:#818cf8}.home .text p{font-size:var(--fsz-1);color:#9ca3af}.home .logo{height:50px;margin-bottom:var(--p-4)}.user-auth{background-color:#fff;padding:var(--p-4);box-sizing:border-box;--current-color:#2320cc}.user-auth .cta{width:315px;border:0;font-size:1rem;font-weight:500;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-transform:capitalize;padding:var(--p-3) var(--p-2)}.user-auth .text-error{-webkit-align-self:flex-start;align-self:flex-start;margin:var(--p-2) 0;color:var(--current-color)}@media (min-width:600px){.home .text h1{text-align:center;font-size:3rem;color:#fff}.home .text p{font-size:var(--fsz-2);color:#9ca3af}}
/*# sourceMappingURL=main.ce38093b.chunk.css.map */