@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.main-section .main-section-content .section-header h3{font-weight:500;font-size:2rem}.main-section .main-section-content .section-header .filter{position:relative;display:flex;align-items:center}.main-section .main-section-content .section-header .filter .tag-filter{padding:.5rem 1.5rem;border-radius:.3rem;border:solid #aba8a8 .1rem;outline:#0a95ff}.main-section .main-section-content .section-header .filter .search__icon{font-size:1.2rem;color:#373737;position:absolute;left:.2rem}.main-section .main-section-content .article-title{font-weight:500;font-size:1.5rem}.main-section .main-section-content .quiz-card{display:grid;grid-template-columns:20% auto 35%;grid-template-rows:10% auto 20%;grid-template-areas:"status quiz quiz" "status quiz quiz" "status tags user";gap:.5rem;padding:2rem 0;border-top:.1rem solid #aba8a8}.main-section .main-section-content .quiz-card .quiz-card-status{grid-area:status;display:flex;gap:.5rem;flex-direction:column;align-items:flex-end;justify-content:center}.main-section .main-section-content .quiz-card .quiz-card-status p{color:#373737}.main-section .main-section-content .quiz-card .quiz-card-status small{color:#aba8a8}.main-section .main-section-content .quiz-card .question-title{grid-area:quiz}.main-section .main-section-content .quiz-card .question-title p{color:#0a95ff;cursor:pointer;font-weight:500;font-size:1.5rem}.main-section .main-section-content .quiz-card .question-title .labels-tags{grid-area:tags;display:flex;gap:.3rem}.main-section .main-section-content .quiz-card .question-title .labels-tags small{color:#0a95ff;font-size:.7rem;line-height:2;background:#c9e6f4;padding:.1rem .3rem;border-radius:.2rem}.main-section .main-section-content .quiz-card .userinfo-card{display:flex;gap:.3rem;align-items:center}.main-section .main-section-content .quiz-card .userinfo-card .username{color:#0a95ff}.main-section .main-section-content .quiz-card .userinfo-card .timestamp{display:flex;gap:.3rem;align-items:center;color:#aba8a8;font-size:.9rem}.main-section .main-section-content .quiz-card .userinfo-card .timestamp .time-ago{font-size:.9rem}.main-section .main-section-content .quiz-card .userinfo-card .timestamp small{color:#aba8a8;font-size:.9rem}.main-section .main-section-content .quiz-card .userinfo-card .timestamp small .time-ago{font-size:.7rem}.main-section .main-section-content .pagination{display:flex;gap:1rem;align-items:center}.main-section .main-section-content .pagination button{background:#f48225;color:#fff}.main-section .articles{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.main-section .articles button{width:40%}.main-section .articles .faqs h2{font-weight:500;color:#aba8a8;font-size:1.3rem}.main-section .articles .faqs .span-card{border:solid #aba8a8 .1rem;border-radius:.3rem;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow-y:auto;padding:.8rem}.main-section .articles .faqs .span-card .tags-wrapper{display:flex;flex-direction:column}.main-section .articles .faqs .span-card .info-btn{max-width:3rem;max-height:2rem}.main-section .articles .faqs .span-card .bullets-wrapper{padding:.5rem 0;border-bottom:.1rem solid #aba8a8;display:flex;justify-content:space-between;flex-direction:row}.main-section .articles .faqs .span-card .bullets-wrapper .text-btn{display:flex;gap:.2rem;align-items:center;flex-grow:1;justify-content:flex-start}.main-section .articles .faqs .span-card .bullets-wrapper .text-btn small{color:#0a95ff;font-size:.9rem;cursor:pointer}.main-section .articles .faqs .span-card p{font-size:.7rem}.main-section{height:auto;overflow-y:auto}.main-section .main-section-content .user-account{display:grid;grid-template-columns:15% auto 18%;align-items:center;gap:.5rem}.main-section .main-section-content .user-account span h3{font-size:1.4rem;font-weight:500;color:#0a95ff}.main-section .main-section-content .user-account span small{color:#aba8a8;display:flex;align-items:center;gap:.6rem}.main-section .main-section-content .user-articles{display:grid;grid-template-columns:1fr;overflow-y:auto;gap:.5rem}.main-section .main-section-content .user-articles div{padding:.5rem;overflow:hidden}.main-section .main-section-content .user-articles div p{margin-bottom:1rem;color:#aba8a8;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.main-section .main-section-content .user-articles div p span{background:#0a95ff;border-radius:50%;width:2em;height:2em;color:#fff;font-size:.8rem;display:grid;place-items:center}.main-section .main-section-content .user-articles div .span-card{border:solid #aba8a8 .2rem;border-radius:.3rem;display:flex;flex-direction:column;gap:.5rem;max-height:15rem;overflow-y:auto;padding:.5rem}.main-section .main-section-content .user-articles div .span-card .tags-wrapper{display:flex;flex-direction:column}.main-section .main-section-content .user-articles div .span-card .info-btn{max-width:3rem;max-height:2rem}.main-section .main-section-content .user-articles div .span-card .bullets-wrapper{padding:.5rem 0;border-bottom:.1rem solid #aba8a8;display:flex;justify-content:space-between;flex-direction:row}.main-section .main-section-content .user-articles div .span-card .bullets-wrapper .text-btn{display:flex;gap:.2rem;align-items:center;flex-grow:1;justify-content:flex-start}.main-section .main-section-content .user-articles div .span-card .bullets-wrapper .text-btn small{color:#0a95ff;font-size:.9rem;cursor:pointer}.main-section .main-section-content .user-articles div .span-card p{font-size:.7rem}.main-section .articles{padding-top:1rem}@media (max-width: 700px){.main-section{height:auto}.main-section .main-section-content{overflow-y:auto}.main-section .main-section-content .user-account{grid-template-columns:1fr!important;align-items:center!important}.main-section .main-section-content .user-account span h3{font-size:1.4rem;font-weight:500;color:#0a95ff}.main-section .main-section-content .user-account span small{color:#aba8a8;display:flex;align-items:center;gap:.6rem}}.main-section{display:grid;grid-template-columns:25% auto 25%;width:100%}.main-section .aside{border-right:.1rem solid #aba8a8;display:flex;flex-direction:column;align-items:flex-end;padding-top:10rem;gap:1rem}.main-section .aside .side__nav__links{text-decoration:none;position:relative;padding:.9rem 1.9rem;width:60%;color:#373737;display:flex;gap:.7rem;align-items:center}.main-section .aside .side__nav__links:after{position:absolute;right:0;top:0;content:"";height:100%;width:.5rem;background:#f48225}.main-section .aside .side__nav__links.active{background:#f1f2f3}.main-section .main-section-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.main-section .main-section-content .section-header h3{font-weight:500;font-size:2rem}.main-section .main-section-content .article-title{font-weight:500;font-size:1.5rem}.main-section .main-section-content .question{padding:.5rem 0;border-bottom:.1rem solid #aba8a8;display:grid;grid-template-columns:10% auto;grid-template-rows:auto 20%;grid-template-areas:"submenu content" "submenu card"}.main-section .main-section-content .question .user-card{border-radius:.5rem;padding:.5rem;background:#c9e6f4;width:18rem;grid-area:card;justify-self:flex-end;display:grid;gap:.5em;grid-template-columns:20% auto;grid-template-rows:25% auto;grid-template-areas:"status status" "avatar username" "avatar username"}.main-section .main-section-content .question .user-card small{color:#0a95ff;grid-area:status;font-weight:300}.main-section .main-section-content .question .user-card .avatar{grid-area:avatar}.main-section .main-section-content .question .user-card .username{grid-area:username;display:grid;align-items:center;font-weight:500;font-size:1.5rem;color:#0a95ff}.main-section .main-section-content .question .question-content{grid-area:content;padding-top:1rem}.main-section .main-section-content .question .submenu{grid-area:submenu}.main-section .main-section-content .your-answer{display:flex;flex-direction:column;gap:.5rem}.main-section .main-section-content .your-answer small{color:#aba8a8;font-weight:300}.main-section .main-section-content .your-answer small span{color:#0a95ff}.main-section .articles{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.main-section .articles button{width:40%}.main-section .articles .faqs h2{font-weight:500;color:#aba8a8;font-size:1.3rem}.main-section .articles .faqs .span-card{border:solid #aba8a8 .2rem;border-radius:.3rem;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow-y:auto;padding:.8rem}.main-section .articles .faqs .span-card .tags-wrapper{display:flex;flex-direction:column}.main-section .articles .faqs .span-card .info-btn{max-width:3rem;max-height:2rem}.main-section .articles .faqs .span-card .bullets-wrapper{padding:.5rem 0;border-bottom:.1rem solid #aba8a8;display:flex;justify-content:space-between;flex-direction:row}.main-section .articles .faqs .span-card .bullets-wrapper .text-btn{display:flex;gap:.2rem;align-items:center;flex-grow:1;justify-content:flex-start}.main-section .articles .faqs .span-card .bullets-wrapper .text-btn small{color:#0a95ff;font-size:.9rem;cursor:pointer}.main-section .articles .faqs .span-card p{font-size:.7rem}@media (max-width: 700px){.main-section{padding:.5rem;grid-template-columns:1fr;order:-1}.main-section .aside{display:none}.main-section .main-section-content .question .user-card{text-align:right;max-width:12rem;max-height:4rem;font-size:.7rem}.main-section .main-section-content .question .user-card small{font-size:.8rem}.main-section .main-section-content .question .user-card .avatar{display:none}.main-section .main-section-content .question .user-card .username{font-size:1rem}}.main-section{height:100%}.main-section .main-section-content .user-account{display:grid;grid-template-columns:15% auto auto;align-items:center;gap:.5rem}.main-section .main-section-content .user-account button{justify-self:flex-end}.main-section .main-section-content .user-account span h3{font-size:1.4rem;font-weight:500;color:#0a95ff}.main-section .main-section-content .user-account span small{color:#aba8a8;display:flex;align-items:center;gap:.6rem}.main-section .main-section-content .user-articles .form-wrapper{display:flex;flex-direction:column;gap:1rem}.main-section .main-section-content .user-articles .form-wrapper .edit-profile{border-radius:.5rem;border:solid #aba8a8 .1rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.main-section .main-section-content .user-articles .form-wrapper .input_group{display:flex;flex-direction:column}.main-section .main-section-content .user-articles .form-wrapper .input_group .inputs{padding:.5rem .7rem;border-radius:.3rem;border:solid #aba8a8 .1rem}.main-section .main-section-content .user-articles .form-wrapper button{width:40%}.searchbar{width:100%;height:10%;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;box-shadow:#2123261a 0 10px 10px -10px}.searchbar .mobile-menu,.searchbar .sm-nav{display:none}.searchbar .logo{font-size:2rem;font-weight:600;text-decoration:none;color:#0a95ff}.searchbar .logo span{font-size:2rem;font-weight:600;color:#f48225}.searchbar .search-input{border:solid #aba8a8 .1rem;padding:1rem .7rem;border-radius:1rem;width:50%;outline:none}.searchbar .search-input .search__icon{font-size:1.2rem;color:#373737;position:absolute;left:.2rem}.searchbar .nav__icons{color:#373737;font-size:2.1rem}@media (max-width: 700px){.searchbar{position:relative;height:8%}.searchbar .mobile-menu{display:block;background:transparent;border:none;outline:none}.searchbar .mobile-menu .menu{font-size:2rem;color:#373737}.searchbar .sm-nav{position:absolute;width:50%;border-radius:.5rem;top:100%;left:10%;z-index:11;display:block;display:flex;padding:1rem;background:#0a95ff;flex-direction:column;gap:1rem}.searchbar .sm-nav p{cursor:pointer;color:#ff7782}.searchbar .sm-nav .nav-link{color:#fff;text-decoration:none}.searchbar .sm-nav .nav-link:hover,.searchbar .sm-nav .nav-link:focus{color:#f48225}.searchbar .logo,.searchbar .logo span{font-size:1rem}.searchbar .search-input{padding:.3rem}.searchbar .nav__icons,.searchbar button{display:none}}.main__footer{background:#373737;height:9%;display:flex;align-items:center;padding:0 2rem}.main__footer .footer-text{color:#fff}.langing-page{height:100vh;width:100vw;display:flex;flex-direction:column;gap:1rem}.langing-page .landing__header{padding:0 2rem;height:50%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.langing-page .landing__header .sign__up{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:25%;padding:.5rem}.langing-page .landing__header .sign__up h1{font-weight:300;color:#0a95ff;font-size:1.9rem}.langing-page .landing__header .sign__up .formBody{width:100%;display:flex;flex-direction:column;justify-content:stretch;gap:1rem}.langing-page .landing__header .sign__up .formBody .input_group{position:relative;display:flex;flex-direction:row;align-items:center}.langing-page .landing__header .sign__up .formBody .input_group button{position:absolute;right:2%;top:0;grid-area:icon;background:transparent;height:100%;display:grid;place-items:center;border:none}.langing-page .landing__header .sign__up .formBody .input_group button .form--icons{font-size:1.5rem;display:grid;color:#aba8a8;cursor:pointer}.langing-page .landing__header .sign__up .formBody .input_group .inputs{width:100%;border:.1rem solid #aba8a8;outline:none;border-radius:.5rem;padding:.5rem 1rem}.langing-page .landing__header .sign__up .signup__footer{width:100%}.langing-page .landing__header .sign__up .signup__footer button{width:100%;border-radius:.5rem}.langing-page .landing__header .sign__up .sign-up-terms{text-align:center}.langing-page .landing__header .sign__up .sign-up-terms p{color:#aba8a8}.langing-page .landing__header .sign__up .sign-up-terms p .span{color:#0a95ff;text-decoration:none}.langing-page .landing__header .welcome__wrapper .buttons{padding-top:1rem;display:flex;gap:.3rem}.langing-page .landing__header .welcome__wrapper .welcome__title{font-size:2.1rem;font-weight:700}.langing-page .landing__header .welcome__wrapper p{color:#aba8a8;font-size:1.1rem}.langing-page .belt-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.5rem;align-items:center;background:#0a95ff;min-height:18%}.langing-page .belt-wrapper .belt-title{font-weight:500;font-size:2rem;color:#fff}.langing-page .belt-wrapper .belt-text{color:#fff}.langing-page .belt-wrapper .landing-form{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:flex;justify-content:center;gap:.5rem;width:50%}.langing-page .belt-wrapper .landing-form .search-input{position:relative;border:.1rem solid #aba8a8;padding:.5rem;border-radius:.5rem;width:100%;font-weight:"bold";color:"#fff";outline:none;border-radius:"0.5rem"}.langing-page .belt-wrapper .landing-form button{position:absolute;right:0;width:20%}.langing-page .landing__footer{display:flex;flex-direction:column;align-items:center;text-align:center}.langing-page .landing__footer h2{font-size:2.3rem;font-weight:600}.langing-page .landing__footer h3{font-size:2.3rem;font-weight:600;color:#0a95ff}.langing-page .landing__footer p{color:#aba8a8}@media (max-width: 700px){.langing-page{height:100vh;width:auto;display:flex;flex-direction:column;gap:2rem}.langing-page .landing__header{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.langing-page .belt-wrapper{text-align:center}.langing-page .belt-wrapper .landing-form{display:none}}.main-section .main-section-content .ask-question{padding:5rem;background:#f1f2f3;height:100vh;width:100vw}.main-section .main-section-content .ask-question h2{font-weight:600;font-size:2rem;color:#373737}.main-section .main-section-content .ask-question .main-row{display:flex;justify-content:space-around;height:80%;margin-bottom:1rem}.main-section .main-section-content .ask-question .main-row .section1{background-color:#fff;border-radius:5px;padding:20px;flex:1;display:flex;flex-direction:column;gap:1rem}.main-section .main-section-content .ask-question .main-row .section1 .title{font-weight:700;color:#373737;font-weight:500}.main-section .main-section-content .ask-question .main-row .section1 .desc{color:#aba8a8}.main-section .main-section-content button{width:40%}.main-section .articles{padding:2rem 1rem}.main-section .articles .accordion-wrapper{width:auto;display:flex;flex-direction:column}.main-section .articles .accordion-wrapper .sec2-title{background:white;padding:10px;font-size:1.2rem;font-weight:600;color:#373737}.main-section .articles .accordion-wrapper .accordion{background:white;padding:10px;flex:1}.row-title{display:flex;justify-content:space-between}@media (max-width: 700px){.ask-question{padding:.5rem;height:auto;display:flex;flex-direction:column;align-items:center}.ask-question .main-row{align-items:center;gap:.5rem;width:100%;flex-direction:column-reverse}}.nav-bar-wrapper{box-shadow:#2123261a 0 10px 10px -10px;width:100%;height:6%}.nav-bar-wrapper .nav-bar{height:100%;width:78%;margin:0 auto;padding:0 .7rem;display:flex;align-items:center;justify-content:space-between}.nav-bar-wrapper .nav-bar .logo{color:#0a95ff;font-weight:600;font-size:2rem;text-decoration:none}.nav-bar-wrapper .nav-bar .logo span{color:#f48225;font-size:2rem}.nav-bar-wrapper .nav-bar .nav__links_wrapper{width:50%;display:flex;align-items:center;gap:1rem;justify-content:space-evenly}.nav-bar-wrapper .nav-bar .nav__links_wrapper .nav-link{text-decoration:none;color:#373737;font-weight:500;font-size:1.2rem}.nav-bar-wrapper .nav-bar .nav__links_wrapper .nav-link:hover,.nav-bar-wrapper .nav-bar .nav__links_wrapper .nav-link:focus{color:#0a95ff}@media (max-width: 700px){.nav-bar-wrapper{width:100vw}.nav-bar-wrapper .nav-bar{height:100%;width:100%}.nav-bar-wrapper .nav-bar .logo,.nav-bar-wrapper .nav-bar .logo span{font-size:1.5rem}.nav-bar-wrapper .nav-bar .nav__links_wrapper{width:auto}.nav-bar-wrapper .nav-bar .nav__links_wrapper .nav-link{font-size:1rem}.nav-bar-wrapper .nav-bar .nav__bar_btn{display:none}}*,:after,:before{padding:0;margin:0;box-sizing:border-box;font-size:14px}body{font-family:Poppins,sans-serif;background:white;height:100vh;width:100vw}#root{height:100%;width:100%}.submenu{width:3rem;padding:.5rem;display:flex;flex-direction:column;align-items:center}.submenu .chevron-wrapper{cursor:pointer;padding:.1rem;border:none}.submenu .chevron-wrapper .chevrons{font-size:3rem;color:#aba8a8}.submenu .chevron-wrapper .chevrons.bookmark{font-size:2rem}.submenu p{color:#373737}.btn{padding:.5rem 1rem;border-radius:.3rem;border:none;cursor:pointer;box-shadow:inset 0 1px #fff6}.pry-btn{background:#0a95ff;color:#fff;font-weight:600}.pry-btn:hover{background:#1976d2}.pry-btn-var{background:#c9e6f4;color:#0a95ff;font-weight:600;border:.1rem solid #0a95ff}.sec-btn{background:#feebe4;color:#f48225;font-weight:500;border:solid #f48225 .1rem}.ter-btn{background:#f48225;color:#fff;font-weight:500;border:solid #f48225 .1rem}.ter-btn:hover{background:#ca6512}.log-out-btn{background:#f48225;color:#fff}.info-btn{width:2em;height:1.5em;border-radius:.3rem;border:none;background:transparent;color:#aba8a8;border:solid .1rem #aba8a8;margin-right:.5em}.info-btn.del{background:#ff7782;border:none}.info-btn.edit{background:#0a95ff;border:none}.link__icons{color:#373737}.notification_icon{position:relative;margin-right:.3rem}.notification_icon small{position:absolute;top:-100%;right:-40%;text-decoration:none;color:#fff;background:#0a95ff;border-radius:50%;width:1.5em;height:1.5em;font-size:1rem;display:grid;place-items:center}.inputs{padding:.8rem .7rem;border-radius:.3rem;border:solid #aba8a8 .1rem;width:100%}.form__status{align-self:center;color:#373737;font-weight:500;background-color:#ff7782;width:60%;border-radius:.4rem;padding:clamp(.69rem,.64rem + .15vw,.75rem);text-align:center;transition:.3s ease}.form__status.active{background:#41f1b6!important;color:#373737!important}.form__status.loading{background:#677483;color:#fff}.solutions-wrapper{overflow:hidden;overflow-y:auto;max-height:20rem}::-webkit-scrollbar{width:.6rem;border-radius:.3rem;background:#aba8a8}::-webkit-scrollbar-thumb{background:#0a95ff;-webkit-border-radius:1ex;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.75)}@media (max-width: 850px){.mobile-nav{position:absolute;width:60%;z-index:11;height:100%;display:none}}