@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.edit--profile{margin-bottom:7rem}.edit--profile form{grid-template-columns:1fr;justify-items:center;gap:1rem;margin-top:4.3rem;display:grid}.edit--profile img{width:5rem}.edit--profile__upload{width:45%;margin-bottom:.7rem;font-size:.8rem}.edit--profile select{border:none}.edit--profile__role{align-items:center;gap:.7rem;display:flex}.edit--profile__role p{font-size:.9rem}.edit--profile__switch{width:45px;position:relative}.edit--profile__switch input{opacity:0;width:0;height:0}.slider.round:before{border-radius:50%}.slider{background-color:var(--grey-slider-color);cursor:pointer;border-radius:5rem;height:auto;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--white-color);width:15px;height:15px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.edit--profile__name,.edit--profile__email,.edit--profile__occupation,.edit--profile__company{border:1px solid var(--primary-color);border-radius:5px;width:90%;padding:.6rem}.edit--profile textarea{border:1px solid var(--primary-color);border-radius:5px;width:90%;height:7rem;padding-top:.4rem;padding-left:.4rem}form textarea::placeholder{padding:.4rem}.edit--profile__btn{background-color:var(--primary-color);width:90%;color:var(--white-color);border:none;border-radius:5px;padding:.7rem 0}.question--card{flex-direction:column;align-items:center;margin-bottom:15rem;display:flex}.question--card__each{border-bottom:.125rem solid #00000080;flex-direction:column;width:82%;min-width:340px;padding:1.2em 1.3em;display:flex}.question--card__each--user{align-items:flex-end;gap:10px;margin-bottom:1rem;display:flex}.question--card__each--user img{border-radius:100%;width:35px}.question--card__each--user p{font-weight:600}.question--card__each--content{color:#000}.question--card__each--btn{margin-top:10px}.question--card__each--btn button{border:2px solid var(--primary-color);outline:inherit;font:inherit;color:var(--primary-color);cursor:pointer;background:0 0;border-radius:.3rem;padding:.2rem .5rem;font-size:.9rem;font-weight:600}.question--card__each--read{justify-content:space-between;align-items:flex-end;display:flex}.question--card__each--read img{width:22px;height:auto}.question--card__each--comments{align-items:center;gap:.2rem;display:flex}.question--card__each--comments p{color:var(--primary-color);font-size:.8rem}.tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-left:auto;margin-right:auto;padding:0 20px;display:flex}.tags span{background-color:var(--primary-color);color:var(--white-color);border-radius:20px;padding:5px 15px;font-size:.875rem}.tags span.selected{background-color:var(--secondary-color);color:var(--white-color)}.tags button{background-color:var(--white-color);border:solid 2px var(--primary-color);color:var(--primary-color);border-radius:5px;padding:5px 15px;font-size:.875rem;font-weight:600}.feed{justify-items:center;margin-top:5rem;display:grid}.feed__link--container{background-color:var(--white-color);z-index:2;justify-content:center;align-items:center;width:100%;max-width:420px;height:auto;padding:2rem 0;display:flex;position:fixed;bottom:99px}.feed__btn{background-color:var(--primary-color);text-align:center;width:90%;max-width:330px;color:var(--white-color);border:none;border-radius:5px;margin:0 auto;padding:.6rem 2rem;text-decoration:none}.home{flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding-top:30dvh;padding-bottom:4rem;display:flex}.home img{width:17rem}.home--btns{justify-items:center;gap:1.5rem;width:100%;display:grid}.home--signup__btn{background-color:var(--primary-color);border:none;border-radius:.32rem;justify-content:center;align-items:center;width:82%;padding:.9rem 1.1rem;display:flex}.home--signup__btn button{letter-spacing:.05rem;background-color:var(--primary-color);color:var(--white-color);cursor:pointer;border:none;font-size:1.2rem;font-weight:600}.home--login__btn{background-color:var(--white-color);border:.125rem solid var(--primary-color);border-radius:.32rem;flex-direction:row;justify-content:center;align-items:center;width:82%;padding:.8rem 1rem;display:flex}.home--login__btn button{letter-spacing:.05rem;background-color:var(--white-color);color:var(--primary-color);cursor:pointer;border:none;font-size:1.2rem;font-weight:600}.loader{justify-content:center;align-items:center;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}.three-dots{align-items:center;gap:8px;display:flex}.dot{background-color:#33c2ff;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both dot-pulse}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes dot-pulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loginForm{gap:1.5rem;width:82%;display:grid}.labelInput{flex-direction:column;justify-content:center;display:flex}.login-email{color:var(--black-color);font-size:1rem;font-weight:400}.login-email>input{background-color:var(--white-color);border:.1rem solid var(--primary-color);border-radius:.313rem;padding:1rem}.login-password{color:var(--black-color);font-size:1rem;font-weight:400}.login-password>input{background-color:var(--white-color);border:.1rem solid var(--primary-color);border-radius:.32rem;padding:1rem}.login--form__btn{margin-top:10.5rem}.login--form__btn button{background-color:var(--primary-color);width:100%;color:var(--white-color);letter-spacing:.05rem;cursor:pointer;border:none;border-radius:5px;margin:0 auto;padding:.9rem 1.1rem;font-size:1.2rem;font-weight:600;display:block}.login{flex-direction:column;justify-content:space-between;align-items:center;height:100dvh;padding-top:8rem;padding-bottom:4rem;display:flex}.login img{width:9rem}.mentor--card{border:.125rem solid var(--primary-color);text-align:center;border-radius:.64rem;width:75dvw;max-width:300px;padding:1.2em 1.3em}.mentor--card img{z-index:0;border:.2rem solid var(--white-color);border-radius:50%;width:5rem;margin-bottom:-4rem;position:relative;transform:translateY(-4rem)}.mentor--card__content h2{padding-bottom:.3rem;font-size:1.5rem;font-weight:600}.mentor--card__content p{padding-bottom:1.5rem;font-size:.94rem}.mentor--card__btns{justify-content:center;gap:1rem;display:flex}.mentor--card__btns--profile button{border:.125rem solid var(--primary-color);background-color:var(--primary-color);color:var(--white-color);border-radius:.32rem;padding:.6rem 2rem;font-size:1rem}.mentors__grid{grid-row-gap:5rem;justify-items:center;width:100%;max-width:1440px;margin:7rem auto 9rem;display:grid}.mentor--profile{margin-top:7rem;margin-bottom:7rem}.mentor--profile__container{text-align:center;width:82%;margin:0 auto}.mentor--profile__container--course{text-transform:uppercase;padding-bottom:1rem}.mentor--profile__container--image{border-radius:50%;width:5rem}.mentor--profile__container span{background-color:var(--secondary-color);text-transform:capitalize;width:fit-content;color:var(--white-color);border-radius:20px;margin:1rem auto .3rem;padding:4px 16px;font-size:.8rem;font-weight:600;display:block}.mentor--profile__container--name{padding-bottom:.3rem;font-size:1.3rem}.mentor--profile__container--email{padding-bottom:.7rem;font-size:.9rem;font-style:italic}.mentor--profile__container--about{width:90%;margin:0 auto}.mentor--profile__container--occupation{font-size:1.1rem;font-weight:600}.mentor--profile__container--company{font-size:1.1rem;font-weight:500}.mentor--profile__btns{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.mentor--profile__btns--edit{border:.125rem solid var(--primary-color);background-color:var(--primary-color);width:6rem;color:var(--white-color);border-radius:.32rem;padding:.5rem 0}.mentor--profile__btns--logout{border:.125rem solid var(--primary-color);background-color:var(--white-color);width:6rem;color:var(--primary-color);border-radius:.32rem;padding:.5rem 0}.mentor--profile__question{border:1px solid var(--primary-color);border-radius:10px;margin-top:2rem;padding:1.2rem 1.4rem}.mentor--profile__question--link{text-decoration:none}.mentor--profile__question h2{color:var(--black-color);text-align:left;padding-bottom:.7rem;font-size:1rem}pre{text-align:left}code{color:var(--grey-color);font-size:.85rem}.mentee--profile{margin-top:7rem}.mentee--profile__container{text-align:center;width:82%;margin:0 auto}.mentee--profile__course{text-transform:uppercase;padding-bottom:1rem}.mentee--profile img{border-radius:50%;width:5rem}.mentee--profile__container span{background-color:var(--mentee-color);text-transform:capitalize;width:fit-content;color:var(--white-color);border-radius:20px;margin:1rem auto .3rem;padding:4px 16px;font-size:.8rem;font-weight:600;display:block}.mentee--profile__container--name{padding:.3rem;font-size:1.3rem}.mentee--profile__container--email{padding-bottom:.7rem;font-size:.9rem;font-style:italic}.mentee--profile__container--about{width:90%;margin:0 auto;padding-bottom:.7rem}.mentee--profile__btns{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.mentee--profile__btns--edit{border:.125rem solid var(--primary-color);background-color:var(--primary-color);width:6rem;color:var(--white-color);border-radius:.32rem;padding:.5rem 0}.mentee--profile__btns--logout{border:.125rem solid var(--primary-color);width:6rem;color:var(--primary-color);background-color:#fff;border-radius:.32rem;padding:.5rem 0}.mentee--profile__question{border:1px solid var(--primary-color);border-radius:10px;margin-top:2rem;padding:1.2rem 1.4rem}.mentee--profile__question--link{text-decoration:none}.mentee--profile__question h2{color:var(--black-color);text-align:left;padding-bottom:.7rem;font-size:1rem}.question--details{width:82%;max-width:420px;margin:7rem auto 15rem;padding:0}.question--details__container--top{grid-template-columns:1fr;row-gap:1rem;max-width:420px;display:grid}.question--details__container--top h3,.question--details__container--top p,.question--details__container--top pre{border:solid 1px var(--primary-color);border-radius:5px;padding:.7rem}.question--details__container--top img{width:100%;margin-bottom:1rem}.question--details__btns{background-color:var(--white-color);z-index:2;gap:1rem;width:82%;max-width:344px;height:auto;padding:2rem 0;display:flex;position:fixed;bottom:99px}.question--details__btns a{text-align:center;border-radius:5px;width:50%;padding:.6rem 0;text-decoration:none}.question--details__btns button{text-align:center;border:none;border-radius:5px;width:50%;padding:.6rem 0;text-decoration:none}.question--details__btns--edit{background-color:var(--primary-color);color:var(--white-color)}.question--details__btns--delete{background-color:var(--delete-color);color:var(--white-color)}.question--details__addcomment{margin-bottom:1rem}.question--details__addcomment form{justify-content:space-between;display:flex}.question--details__addcomment button{background:var(--primary-color);color:var(--white-color);border:none;border-radius:.32rem;padding:.7rem;font-weight:600}.question--details__addcomment--textarea{border:1px solid var(--primary-color);border-radius:2rem;width:65%;padding:.7rem}.question--details__addedcomments{row-gap:1rem;display:grid}.question--details__addedcomments--container{background:#f0f0f0;border-radius:21px;padding:1.3rem}.question--details__addedcomments--user{align-items:center;gap:.3rem;padding-bottom:.7rem;display:flex}.question--details__addedcomments img{width:13%}pre{overflow-x:auto}.signup--form{gap:1.5rem;width:100%;padding:0 2rem;display:grid}.labelInput>label{padding-bottom:.7rem}.username{color:var(--black-color);flex-direction:column;justify-content:center;font-size:1rem;font-weight:400;display:flex}.username>input{background-color:var(--white-color);border:.1rem solid var(--primary-color);border-radius:.32rem;padding:1rem;font-size:1.1rem}.email{color:var(--black-color);font-size:1rem;font-weight:400}.email>input{background-color:var(--white-color);border:.1rem solid var(--primary-color);border-radius:.313rem;padding:1rem;font-size:1.1rem}.password{color:var(--black-color);font-size:1rem;font-weight:400}.password>input{background-color:var(--white-color);border:.1rem solid var(--primary-color);border-radius:.32rem;padding:1rem;font-size:1.1rem}.signupBtn{background-color:var(--primary-color);border:none;border-radius:.32rem;margin-top:3rem;padding:.9rem 1.1rem}.signupBtn button{letter-spacing:.05rem;color:var(--white-color);background-color:var(--primary-color);cursor:pointer;border:none;margin:0 auto;font-size:1.2rem;font-weight:600;display:block}.signup{flex-direction:column;justify-content:space-between;align-items:center;height:100dvh;padding-top:15dvh;padding-bottom:4rem;display:flex}.signup img{width:9rem}.add--form form{justify-items:center;gap:.7rem;margin-bottom:13rem;display:grid}.add--form h1{padding-bottom:1rem;font-size:1.3rem;font-weight:300}.add--form__title,.add--form__description{border:1px solid var(--primary-color);border-radius:5px;width:100%;padding:.4rem}.add--form__code{border:1px solid var(--primary-color);box-sizing:border-box;resize:vertical;border-radius:5px;width:100%;height:15rem;padding:.4rem}.add--form__title::placeholder,.add--form__description::placeholder,.add--form__code::placeholder{color:var(--grey-slider-color);font-weight:300}.add--form__upload{width:45%;font-size:.7rem}.add--form__preview{width:100px;display:flex}.add--form__btn{background:var(--primary-color);width:100%;color:var(--white-color);background-color:var(--primary-color);z-index:20;border:none;border-radius:5px;width:100%;max-width:320px;height:auto;padding:.7rem 0;position:fixed;bottom:120px}.add--form__btn:before{content:"";background-color:var(--white-color);z-index:-1;position:absolute;inset:100% 0 -20px}.add--question{width:90%;max-width:420px;margin-top:5rem;margin-left:auto;margin-right:auto}nav{background-color:var(--white-color);z-index:1;width:100vw;position:fixed;top:0;left:0}nav p{text-align:center;width:100%;padding:1.5rem 0;font-weight:700}nav a{color:var(--black-color);text-decoration:none}footer{background-color:var(--tertiary-color);width:100%;max-width:420px;color:var(--black-color);justify-content:space-evenly;align-items:center;margin:0 auto;padding:1rem 0;font-size:.7em;display:flex;position:fixed;bottom:0}footer ul{flex-direction:row;justify-content:space-between;gap:2rem;width:70%;list-style-type:none;display:flex}footer li{list-style-type:none}#root{width:100%;margin:0}footer nav{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.nav-link img{width:50px;height:50px;padding:10px}.active-link img{background-color:var(--grey-slider-color);border-radius:50%}.footer a{text-align:center;color:var(--black-color);text-decoration:none}.footer p{font-size:.7rem}.layout{max-width:420px;margin:0 auto}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:1rem}:root{--primary-color:#33c2ff;--secondary-color:#212654;--tertiary-color:#f2f2f2;--black-color:#121112;--grey-color:#707070;--grey-slider-color:#cfcfcf;--white-color:#fff;--mentee-color:#ff9432;--delete-color:#ec4646;--ff-size:16px}