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