.signup{width:100%;height:50em;background:url(https://www.evangadi.com/themes/humans/assets/images/misc/bg-svg-f.svg) center no-repeat;background-color:#f8f8f8;background-size:cover;display:flex;justify-content:center;align-items:center;gap:2em}.signup_container{width:580px;height:550px;padding:3em;box-shadow:0 0 5px 1px #ebebeb;border-radius:.5em;background:white}input{margin-top:-.3em}.signup__top{text-align:center;margin-bottom:2em}.signup__top h3{color:#4b456f;margin-bottom:1rem;font-size:1.3em}.signup__top p,.signup_container form p{color:#666;text-align:center}.signup__top p a,.signup_container form p a,.signup__link--bottom{text-decoration:none;color:#fe8402;margin-left:.4em;text-align:center}.signup__top p a:hover{text-decoration:underline}.signup_container form .forgot__link{text-decoration:none;color:#fe8402;text-align:right;margin-bottom:1em}.signup_container form{display:flex;flex-direction:column}.signup_container input{color:#333;font-size:16px;height:50px;padding:12px;outline:none;border:0 none;border:1px solid #ccc;border-radius:4px}.signup_container input:focus{border-bottom:2px solid #fe8402}.signup_container form button{background:#516cf0;font-size:1.2em;font-weight:400;border:none;border-radius:.5em;padding:.7em 2em;color:#fff}.signup_container form button:hover{cursor:pointer;background:#ff8c11}.signup__name{display:flex;gap:.5em}.signup__name input{flex:.5}.signup__about{width:25vw}.signup__about--title{color:#fe8402}.signup__about .about__detail h1{color:#4b456f;font-size:2.4em;font-weight:700;margin-bottom:1em}.signup__about .about__detail p{color:#656565;line-height:1.6;margin-bottom:1em}.signup__about button{background:#ff8c11;border:none;border-radius:.5em;padding:.7em 2em;font-size:1em;font-weight:400;color:#fff}@media (max-width: 768px){.signup{flex-direction:column;height:auto}.signup_container{width:90vw;height:auto}.signup__about{width:100%}.signup__name{flex-direction:column;gap:1em}}.login{width:100%;height:50em;background:url(https://www.evangadi.com/themes/humans/assets/images/misc/bg-svg-f.svg) center no-repeat;background-color:#f8f8f8;background-size:cover;display:flex;justify-content:center;align-items:center;gap:2em}.login_container{width:580px;height:550px;padding:3em;box-shadow:0 0 5px 1px #ebebeb;border-radius:.5em;background:white;animation:anim 2s ease-in-out 2s 1 forwards alternate}.login__top{text-align:center;margin-bottom:2em}.login__top h3{color:#4b456f;margin-bottom:1rem;font-size:1.3em}.login__top p{color:#666}.login_container .login__link{text-decoration:none;color:#fe8402;margin-left:.4em}.login_container .login__link:hover{text-decoration:underline}.login_container form .forgot__link{text-decoration:none;color:#fe8402;text-align:right;margin-bottom:1em}.login_container form{display:flex;flex-direction:column}.login_container input{color:#333;font-size:16px;height:50px;padding:12px;outline:none;border:0 none;border:1px solid #ccc;border-radius:4px}.login_container input:focus{border-bottom:2px solid #fe8402}.login_container form button{background:#516cf0;font-size:1.2em;font-weight:400;border-radius:.5em;padding:.7em 2em;border:none;color:#fff}.login_container form button:hover{cursor:pointer;background:#ff8c11}.login__about{width:25vw}.login__about--title{color:#fe8402}.login__about .about__detail h1{color:#4b456f;font-size:2.4em;font-weight:700;margin-bottom:1em}.login__about .about__detail p{color:#656565;line-height:1.6;margin-bottom:1em}.login__about button{background:#ff8c11;border-radius:.5em;padding:.7em 2em;font-size:1em;font-weight:400;border:none;color:#fff}.login_container .login__bottom--link{text-align:center;margin-top:1em}@media (max-width: 768px){.login{flex-direction:column;height:auto}.login_container{width:90vw;height:auto;padding:2em}.login_container form button{font-size:1em;padding:.7em 2em}.login__about{width:100%}.login__about .about__detail h1{font-size:1.8em;margin-bottom:.8em}.login__about .about__detail p{font-size:14px;margin-bottom:.8em}.login__about button{font-size:.9em;padding:.7em 1.5em}}.display{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1em;background-color:#fdfdfd;margin-bottom:1em;border-radius:1em;box-shadow:0 0 2px 1px #b3b3b3}.display:hover{cursor:pointer;box-shadow:0 0 2px 1px #fe8402}.avatar img{width:100px;height:100px;object-fit:contain}.avatar{text-align:center}.display__container{display:flex;justify-content:space-between;align-items:center}.right__arrow{background:transparent;color:#1f1e1e}.right__arrow:hover{color:#fe8402}@media (max-width: 768px){.display{flex-direction:column;padding:.5em}.avatar img{width:80px;height:80px}.right__arrow{display:none}}.home{width:100%;display:flex;align-items:center;justify-content:center;padding:1em}.home__container{width:70vw}.home__header{height:100px;display:flex;align-items:center;justify-content:space-between}.home__header a{background:#516cf0;font-size:1em;font-weight:400;padding:.7em 2.5em;text-decoration:none;color:#fff}.home__header a:hover{cursor:pointer;background:#fe8402}.home__questions h2{font-size:1.8em;font-weight:700;padding:.4em 0}.home__search input{width:25vw;color:#333;font-size:16px;height:50px;padding:12px;outline:none;border:0 none;border:1px solid #ccc;border-radius:4px}.home__search input:focus{border:2px solid #fe8402}@media (max-width: 768px){.home__container{width:90vw}.home__search input{width:100%}}.question{width:100%;display:flex;justify-content:center;align-items:center;gap:3em;flex-direction:column;padding:2em}.question__description h1,.question__form h1{color:#4b456f;margin-bottom:.5em}.question__form a{color:#4b456f;margin-bottom:.5em;text-decoration:none}.question__form a:hover{text-decoration:underline}.question__description ul li{margin-bottom:.5em}.question__form{width:60vw;padding:2em 4em;box-shadow:5px 5px 5px 1px #e6e4e4;border-radius:.5em;text-align:center}.question__form form{padding:1em 0}.question__form form input,.question__form form textarea{width:100%}.question__form form input,.question__form form textarea{color:#333;font-size:16px;padding:12px;outline:none;border:0 none;border:1px solid #ccc;border-radius:.5em;margin-bottom:.5em}.question__form button{background:#516cf0}.question__form button:hover{cursor:pointer;background:#fe8402}@media (max-width: 768px){.question__form{width:80vw;padding:1em 2em}.question__form input,.question__form textarea{font-size:14px;padding:8px}}.answer{width:100%;display:flex;justify-content:center;align-items:center;gap:3em;flex-direction:column;padding:2em}.answer__allContainer{width:75vw;display:flex;justify-content:center;align-items:center;gap:3em;flex-direction:column}.answer__container{width:100%}.answer__question h1,.answer__form h1{color:#4b456f;margin-bottom:.4em}.answer__question h3{color:#464545;margin:0 .5em}.answer__question p{margin:.4em .5em}.answer_title h2{color:#464545;margin:1em 0;padding:.5em 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.answer__form a{color:#4b456f;margin-bottom:.5em}.answer__form a:hover{text-decoration:underline}.answer__description ul li{margin-bottom:.5em}.answer__form{width:60vw;padding:2em 4em;box-shadow:5px 5px 5px 1px #e6e4e4;border-radius:1em;text-align:center;border:2px solid #eee;overflow:auto}.answer__form form{padding:1em 0}.answer__form form textarea{width:100%}.answer__form form textarea{color:#333;font-size:16px;padding:12px;outline:none;border:0 none;border:1px solid #ccc;border-radius:.5em;margin-bottom:.5em}.answer__form button{background:#516cf0}.answer__form button:hover{cursor:pointer;background:#fe8402}@media (max-width: 768px){.answer__allContainer{width:90vw;padding:1em}.answer__form{width:80vw;padding:1em 2em}.answer__form textarea{font-size:14px;padding:8px}}.header{min-width:100%;height:80px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 0 5px 1px #c0bfbf}.header .clear_link{text-decoration:none}.header .header__link--text{color:#2f4f4f;transition:all .2s ease-in-out}.header__link{display:flex;align-items:center;gap:1.5em}button{padding:.7em 4em;border:none;border-radius:.2em;color:#fff;font-weight:700;transition:all .2s ease-in-out}.header .header__link--btn{background:#516cf0}.header .header__link--text:hover{color:#fe8402}.header .header__link--btn:hover{cursor:pointer;background-color:#fe8402}@media (max-width: 768px){.header{flex-direction:column;height:auto;padding:1em}.header__link{gap:1em;margin-bottom:1em}button{padding:.7em 1em;width:50%}}*{margin:0;padding:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-sizing:border-box}