@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Raleway:wght@400;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1{font-size:2rem;line-height:2.5rem}h1,h2{color:#363636}h2{font-size:1.3rem;line-height:2rem}h3{font-size:1.2rem;line-height:1.75rem}h3,html{color:#363636}html{font-size:16px;background-color:#194363}@media (min-width:960px){.app{display:grid;grid-template-columns:repeat(2,1fr)}}.app>.content{min-height:100vh}.app>.content .wrapper{background-color:#194363;max-width:600px;margin:2vh auto 0;min-height:96vh}@media (max-width:959px){.app>.content .wrapper{max-width:100%;margin:0 auto;min-height:100vh}}button{background:-webkit-gradient(linear,left top,right top,from(#c55982),to(#f4cab2));background:-webkit-linear-gradient(left,#c55982,#f4cab2);background:linear-gradient(90deg,#c55982,#f4cab2);font-family:Poppins,sans-serif;border:none;display:flex;align-items:center;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:1rem;outline:none;-webkit-transition:.2s;transition:.2s}button span{margin-right:1rem}button:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}button i{margin-left:.5rem}button:active{-webkit-filter:brightness(70%);filter:brightness(70%)}button:disabled{cursor:auto}button.active{-webkit-filter:brightness(70%);filter:brightness(70%)}.category{max-width:400px;margin:0 auto 1rem}.category button{width:100%;background-color:#fff;border:none;color:#fff;display:flex;justify-content:space-between}.category button .badge{background-color:#7cdadb;border-radius:50%;min-width:2.2rem;min-height:2.2rem;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#194363}.category button .MuiSvgIcon-root{font-size:2rem}.category a{text-decoration:none}.pagination{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}strong{font-weight:700}.info{position:relative;background-color:#7cdadb;color:#194363;padding:1rem;display:flex;justify-content:center;align-items:center;margin-top:2rem;z-index:200}.info .icon{margin-right:1rem}.info .text{font-family:Raleway,sans-serif}.full-page-loader{align-items:center}.full-page-loader,aside{display:flex;justify-content:center}@media (max-width:959px){aside{position:absolute;min-width:50%;top:55px;left:1rem}aside.no-character{display:none}}aside img{max-height:80vh;margin-top:10vh}@media (max-width:959px){aside img{margin-top:0}}.wrapper>header{background-color:#194363;padding:1rem 2rem;height:35px}.wrapper>header nav{display:flex;align-items:center;color:#fff}.wrapper>header nav .back{flex:1 1;cursor:pointer}.wrapper>header nav .back .MuiSvgIcon-root{font-size:2rem}.wrapper>header nav .logo{flex:9 1;text-align:center}.wrapper>header nav .logo img{max-height:25px}.wrapper>header nav .menu{flex:1 1;cursor:pointer}.wrapper>header nav .menu .MuiSvgIcon-root{font-size:2rem}.wrapper>header a{text-decoration:none;color:#363636}.wrapper>header a:hover,.wrapper>header a:visited{color:#363636}.wrapper>header .side-nav ul{position:fixed;top:0;right:0;min-width:150px;background-color:#194363;color:#7cdadb;font-family:Poppins,sans-serif;min-height:100vh;list-style:none;padding:2rem;z-index:999}@media (min-width:960px){.wrapper>header .side-nav ul{min-width:250px}}.wrapper>header .side-nav ul li{margin-bottom:1rem;font-size:1rem;cursor:pointer;color:#7cdadb}.wrapper>header .nav-overlay{position:fixed;top:0;left:0;min-width:100vw;min-height:100vh;background-color:rgba(0,0,0,.5);z-index:300}main>header{background-color:#7cdadb;padding:1rem;margin-bottom:1.5rem}main>header h2{color:#194363;font-family:Poppins,sans-serif;font-size:1.5rem}main section{margin:1rem 2rem}main section article{background-color:#fff;margin-bottom:1rem;position:relative}main section article.transparent{background-color:transparent}main section article.transparent p{color:#fff;font-family:Raleway,sans-serif}main section article header{font-family:Poppins,sans-serif;background-color:#f4cab2;padding:1rem 2rem}main section article header h3{color:#194363}main section article .content{padding:1rem 2rem;font-family:Raleway,sans-serif}main section article .content p{margin-bottom:.7rem}main section article .content ul{margin-left:2rem}@media (max-width:959px){main.with-character>header{text-align:right}main.with-character section article:first-child{margin-top:90px}}.login{background-color:#194363}.login .input-field{margin-bottom:1.5rem}.login input{max-width:100%;width:100%;padding:1rem;font-size:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff;color:#fff;background-color:#194363;border-radius:0;-webkit-transition:.2s;transition:.2s;outline:none}.login input:focus{border:2px solid #7cdadb;background-color:#194363}.login ::-webkit-input-placeholder{font-family:Raleway,sans-serif;font-size:1rem;opacity:.7;color:#fff}.login :-ms-input-placeholder{font-family:Raleway,sans-serif;font-size:1rem;opacity:.7;color:#fff}.login ::placeholder{font-family:Raleway,sans-serif;font-size:1rem;opacity:.7;color:#fff}.login button{margin:0 auto}.login .error{font-family:Raleway,sans-serif;margin-top:1rem;color:#fff;font-size:.875rem;line-height:1.25rem}.item .content{margin:1rem 0}.item .content img{max-width:100%}.item .actions{padding:0 2rem 2rem;text-align:right}.item .actions button{display:inline-flex}.item .question{font-size:1.2rem}.item .answer,.item .question{margin-bottom:1rem}.item .answer label{font-family:Raleway,sans-serif}.item.correct{background-color:#c1e5d9}.item.incorrect{background-color:#f6c9c9}.item .error{font-family:Raleway,sans-serif}.searchBox{height:25px;background-color:#194363;border:2px solid #fff;padding:1rem}.searchBox,.searchBox div{display:flex;align-items:center}.searchBox div{color:#fff;width:25px;height:30px;border-radius:50%;background:#194363;justify-content:center;-webkit-transition:.4s;transition:.4s;cursor:pointer}.searchBox button{background:none;margin:0;padding:0}.searchBox input{border:none;background:#194363;font-family:Raleway,sans-serif;outline:none;color:#fff;font-size:16px;-webkit-transition:.4s;transition:.4s;line-height:40px;padding:0 6px;width:100%;margin-right:1rem}.searchBox input:focus{border:none}.searchBox ::-webkit-input-placeholder{font-family:Raleway,sans-serif;font-size:.9rem;opacity:.5;color:#fff}.searchBox :-ms-input-placeholder{font-family:Raleway,sans-serif;font-size:.9rem;opacity:.5;color:#fff}.searchBox ::placeholder{font-family:Raleway,sans-serif;font-size:.9rem;opacity:.5;color:#fff}.search-error{background-color:#194363;font-family:Raleway,sans-serif;color:#fff;font-size:1rem;padding-top:.5rem}.dashboard .progress{width:100%;height:1rem;background-color:#eee}.dashboard .progress .bar{height:1rem;background-color:#7cdadb;width:0}.dashboard .goal{margin:1rem 0}.dashboard .points{font-size:1.25rem;color:#7cdadb}.loader{border-radius:50%;border:3px solid #f3f3f3;border-top-color:#999;width:1rem;height:1rem;margin-left:1rem;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}