@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);:root{--background-color:#edecf8;--foreground-color:#363740;--button-color:#46459e;--pink-light-color:#e3b9e6;--gray-light-color:#9a9daa}*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(90deg,#f7f3f7,#dde2fc);color:#363740;color:var(--foreground-color);font-family:Poppins,sans-serif}.register-page{display:flex;height:100vh}.register-page__hero{align-items:center;background-color:#fff;display:flex;flex-basis:55%;justify-content:center}.register-page__main{align-items:flex-start;background-color:#46459e;background-color:var(--button-color);color:#edecf8;color:var(--background-color);display:flex;flex-basis:45%;flex-direction:column;justify-content:center;padding:0 4rem}.register-page__main h2{align-items:flex-start;font-size:46px;font-weight:500}.register-page__quote{font-size:20px;font-weight:300}.register-page__text{color:#fff;font-size:16px}.register-input{display:flex;flex-direction:column;margin:20px 0 12px;width:90%}.register-input input{border:none;border-radius:8px;font-size:1rem;margin:5px 0;padding:14px 20px}.register-input input:focus{outline:none}.register-input button{background-color:#e3b9e6;background-color:var(--pink-light-color);border:none;border-radius:8px;color:#edecf8;color:var(--background-color);color:#363740;color:var(--foreground-color);cursor:pointer;font-size:1rem;font-weight:700;margin:8px 0;padding:14px 20px}.login-page{display:flex;height:100vh}.login-page__hero{align-items:center;background-color:#fff;display:flex;flex-basis:55%;justify-content:center}.login-page__main{align-items:flex-start;background-color:#46459e;background-color:var(--button-color);color:#edecf8;color:var(--background-color);display:flex;flex-basis:45%;flex-direction:column;justify-content:center;padding:0 4rem}.login-page__main h2{align-items:flex-start;font-size:46px;font-weight:500}.login-page__quote{font-size:20px;font-weight:300}.login-page__text{color:#fff;font-size:16px}.login-input{display:flex;flex-direction:column;margin:20px 0 12px;width:90%}.login-input input{border:none;border-radius:8px;font-size:1rem;margin:5px 0;padding:14px 20px}.login-input input:focus{outline:none}.login-input button{background-color:#e3b9e6;background-color:var(--pink-light-color);border:none;border-radius:8px;color:#edecf8;color:var(--background-color);color:#363740;color:var(--foreground-color);cursor:pointer;font-size:1rem;font-weight:700;margin:8px 0;padding:14px 20px}.navigation h2{color:#46459e;color:var(--button-color);font-size:32px}.nav-link{color:#363740;color:var(--foreground-color);color:#46459e;color:var(--button-color);font-size:18px;font-weight:600;margin:0 15px;text-decoration:none;transition:.3s}.nav-link:hover{color:#363740;color:var(--foreground-color)}.nav__user-info{align-items:center;display:flex}.nav__user-info img{border-radius:20px;margin:0 20px;width:40px}.nav__user-info button{background-color:#e3b9e6;background-color:var(--pink-light-color);border:none;border-radius:5px;color:#363740;color:var(--foreground-color);cursor:pointer;font-size:16px;font-weight:600;padding:9px 14px}.category-list{margin:1rem auto;max-width:960px}.category-list h2{color:#46459e;font-size:25px}.btn-category:hover{background:#fff;border:2px solid #46459e;color:#46459e}.threads-list{display:flex;flex-direction:column;margin:10px auto;max-width:960px}.thread-item{background-color:#fff;border-radius:10px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);margin-top:14px;padding:30px}.thread-item__title h3{color:#363740;color:var(--foreground-color);font-size:32px;margin-bottom:15px;overflow:hidden}.thread-item__detail header{display:flex;justify-content:space-between;margin:10px 20px 10px 0}.thread-item__header-left{align-items:center;display:flex}.thread-item__user-avatar img{border-radius:10px}.thread-item__user-info{display:flex;flex-direction:column;margin-left:12px}.thread-item__user-name{color:#363740;color:var(--foreground-color);font-size:22px;font-weight:600}.thread-item__created-at{color:#9a9daa;color:var(--gray-light-color);font-size:13px}.thread-item__category{background-color:#fcedfd;border:2px solid #e3b9e6;border-radius:20px;font-size:14px;padding:5px 15px}.thread-item__body{font-size:20px;font-weight:400;margin:20px 0;overflow:hidden}hr{margin:30px 0 10px}.thread-item__footer,.thread-item__upvotes-thread p{align-items:center;display:flex}.thread-item__upvotes-thread p{font-size:18px;margin-right:20px}.thread-item__upvotes-thread button{align-items:center;background:none;border:none;cursor:pointer;font-size:22px;margin-right:4px}.thread-item__total-comments{font-size:20px}.thread__add{bottom:32px;display:flex;gap:16px;position:fixed;right:32px}.thread__add button{background-color:#46459e;background-color:var(--button-color);border:none;border-radius:27%;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#edecf8;color:var(--background-color);cursor:pointer;font-size:38px;padding:.5rem 1.1rem}.thread-input-page{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;margin:1rem auto;max-width:960px;padding:3rem}.thread-input-page h2{color:#46459e;color:var(--button-color);font-size:36px;font-weight:500;margin-bottom:2rem}.thread-input-form{display:flex;flex-direction:column}.thread-input-form input{background-color:#fef7fe;border:1px solid #46459e;border-radius:6px;color:#46459e;color:var(--button-color);font-size:24px;margin-bottom:10px;padding:.6rem}.thread-input-form input:focus{outline:#46459e}.thread-input__body{background-color:#fef7fe;border:1px solid #46459e;border-radius:6px;color:#46459e;color:var(--button-color);font-size:20px;height:200px;margin-bottom:1.5rem;padding:.6rem}.thread-input__body:focus{outline:#46459e}.thread-input-form button{background-color:#e3b9e6;background-color:var(--pink-light-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:22px;font-weight:500;padding:.8rem}.detail-page{background-color:#fff;border-radius:10px;margin:1rem auto;max-width:960px;padding:2.5rem}.thread-detail{margin-bottom:3rem}.thread-detail__title h3{font-size:36px;font-weight:600;overflow:hidden}.thread-detail-item{margin:1.7rem 0}.thread-detail-item header{display:flex;justify-content:space-between;margin-bottom:1.2rem}.thread-detail__header-left{align-items:center;display:flex}.thread-detail__owner-avatar img{border-radius:10px;height:100px;object-fit:cover;width:100px}.thread-detail__owner-info{display:flex;flex-direction:column;margin:0 15px}.thread-detail__owner-name{font-size:26px;font-weight:500}.thread-detail__created-at{color:#9a9daa;color:var(--gray-light-color);font-size:14px;font-weight:500}.thread-detail__category{background-color:#fcedfd;border:2px solid #e3b9e6;border-radius:20px;font-size:14px;margin-right:1rem;padding:5px 15px}.thread-detail__body{color:#363740;color:var(--foreground-color);font-size:18px;font-weight:500;margin:2rem 0}.thread-detail__footer{display:flex}.thread-detail__upvotes-thread{margin-right:1.2rem}.thread-detail__upvotes-thread p{align-items:center;display:flex;font-size:18px;font-weight:500}.thread-detail__upvotes-thread button{background:none;border:none;cursor:pointer;font-size:26px;margin-right:5px}.comment-input{display:flex}.comment-input__field{border:2px solid #46459e;border-radius:8px;font-size:18px;margin-right:10px;max-height:250px;overflow:auto;padding:10px;width:90%}.comment-input__field:focus{outline:#46459e}[contentEditable=true]:empty:before{content:attr(data-placeholder);opacity:.6}.comment-input button{background-color:#46459e;border:none;border-radius:8px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:32px;height:50px;padding:8px 12px;width:50px}.comment-list{margin:30px 0}.comment-list hr{margin:0}.comment-item{margin:35px 0 15px}.comment-item__header{display:flex;justify-content:space-between}.comment-item__owner-info{align-items:center;display:flex}.comment-item__owner-info img{border-radius:10px;margin-right:10px;width:40px}.comment-item__owner-info p{font-size:22px;font-weight:500}.posted-at{color:#363740;color:var(--foreground-color);font-size:16px;font-weight:500}.comment-item__content{font-size:18px;font-weight:400;margin:15px 0}.comment-item__footer{display:flex;margin:5px 0}.comment-item__upvotes{display:flex;margin-right:10px}.comment-item__upvotes p{align-items:center;display:flex}.comment-item__upvotes button{background:none;border:none;cursor:pointer;font-size:18px;margin-right:3px}.board-page{background-color:#fff;border-radius:10px;margin:2rem auto;max-width:960px;padding:3rem}.board-page h2{color:#363740;color:var(--foreground-color);font-size:32px;font-weight:500;text-align:center}.leaderboards-list header{display:flex;justify-content:space-between;margin:1.5rem 0 1rem}.leaderboards-list__user-label,.leaderboars-list__score-label{font-size:27px;font-weight:400}.leaderboard-item__user-info{align-items:center;display:flex}.leaderboard-item__user-info img{border-radius:13px;margin-right:1rem}.leaderboard-item__score,.leaderboard-item__user-info p{font-size:24px}@media only screen and (max-width:600px){.register-page__hero{display:none;flex-basis:0%}.register-page__main{flex-basis:100%;padding:0 2rem}.login-page__hero{display:none;flex-basis:0%}.login-page__main{flex-basis:100%;padding:0 2rem}.navigation{padding:15px 5%}.navigation h2{font-size:20px}.nav-link{display:flex;font-size:14px;font-weight:600;margin:0 10px}.nav__user-info img{display:none}.nav__user-info button{padding:7px 12px}.category-list{margin:10px}.thread-item{overflow:hidden;padding:20px}.thread-item__detail header{display:flex;flex-direction:column}.thread-item__header-right{margin-top:10px}.thread-item__category{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.detail-page{padding:1.5rem}.thread-detail{overflow:hidden}.thread-detail-item header{display:flex;flex-direction:column}.thread-detail__header-right{margin-top:2rem}.thread-detail__category{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}
/*# sourceMappingURL=main.b7f28bc0.css.map*/