@import url(https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;600;700;800&family=Nerko+One&family=Roboto:ital,wght@0,300;0,700;1,500&family=Source+Sans+Pro:wght@300;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;600;700;800&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:"Source Sans Pro",sans-serif;box-sizing:border-box;background-color:#e6e8eb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.register-page-wrapper{display:block;width:90%;margin:0 auto;border-radius:10px;max-width:600px}.register-page-wrapper .register-header-wrapper{padding:20px 30px;font-size:20px}.register-page-wrapper .register-header-wrapper i{color:#000;margin:0 10px;font-size:20px}.register-page-wrapper .register-section{background-color:#fff;margin-top:100px;text-align:center;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.register-page-wrapper .register-section .label-wrapper{margin:10px 0;display:inline-block}.register-page-wrapper .register-section .label-wrapper-log{display:inline-block;width:60px;margin:10px 0}.register-page-wrapper .register-section input{width:150px}.register-page-wrapper .register-section .button-letter{border:1px solid #636363;color:#636363;background-color:#fff;padding:5px 15px;margin:20px auto 0;width:100px;cursor:pointer}.register-page-wrapper .register-section .button-letter:hover{text-decoration:underline}.register-page-wrapper .register-section .button-register{border:1px solid #636363;color:#636363;background-color:#fff;padding:5px 15px;width:120px;cursor:pointer}.register-page-wrapper .register-section .button-register:hover{text-decoration:underline}.register-page-wrapper .register-section .label-wrapper-register{padding:30px 0}.register-page-wrapper .register-section .label-wrapper-register a{color:#000}.register-page-wrapper .register-section .button-wrapper{padding-bottom:20px}.register-page-wrapper .container-register{display:grid;margin:0 auto;grid-template-columns:1fr;justify-items:center;align-items:center}@media (min-width:320px){.register-page-wrapper .container-register{grid-template-columns:120px 150px;width:300px}}.register-page-wrapper .container-register input{margin-top:5px;height:20px}@media (min-width:1100px){.register-page-wrapper .container-register{grid-template-columns:repeat(2,1fr);font-size:18px}.register-page-wrapper .register-section .label-wrapper{margin:15px 0}.register-page-wrapper .register-section .label-wrapper-log{width:80px;font-size:18px;margin:15px 0}.register-page-wrapper .register-section .label-wrapper-log input{padding:10px;font-size:18px}.register-page-wrapper .register-section .label-wrapper-register{font-size:18px}}.topics-wrapper{margin:0 auto;width:100%;max-width:800px}.topics-wrapper .topic-wrapper{background-color:#fff;overflow:hidden;border:1px solid #e9e9e9;position:relative;margin:15px 0;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}@media (min-width:1100px){.topics-wrapper .topic-wrapper{margin:30px 0}}.topics-wrapper .topic-user{position:relative;width:90%;margin:10px auto;display:flex;align-items:center}.topics-wrapper .topic-user a{text-decoration:none}.topics-wrapper .topic-user p{margin-left:10px;font-size:18px;color:#325f85;border-bottom:1px solid #325f85}.topics-wrapper .topic-user .topic-avatar{width:40px;height:40px;border-radius:50%}.topics-wrapper .like-posts{display:flex;justify-content:space-between;margin:5px 20px}.topics-wrapper .like-posts i{margin-left:3px}.topics-wrapper .like-post-comment-top{margin-left:5px;color:#767676}.topics-wrapper .topic-date{position:absolute;top:0;right:10px}.topics-wrapper .topic-section-image{display:block;width:100%;margin:0 auto;max-height:500px}.topics-wrapper .topic-section{font-family:"Maven Pro";font-weight:400;font-size:14px;line-height:22px}.topics-wrapper .topic-section p{width:90%;margin:10px auto;padding:0 20px 10px}.topics-wrapper .topic-section .like-post-comment{color:#767676;font-size:12px;cursor:pointer}.topics-wrapper .topic-section .like-post-comment a{color:#767676;text-decoration:none}.topics-wrapper .topic-section .like-post-comment:hover{text-decoration:underline}.topics-wrapper .topic-section p:first-letter{text-transform:uppercase}.topics-wrapper .title{font-family:"Maven Pro";font-weight:500;width:90%;margin:10px auto;letter-spacing:2px;box-shadow:0 1px 1px 0 rgba(0,0,0,.06)}.topics-wrapper .title,.topics-wrapper .title:first-letter{font-size:22px;text-transform:uppercase}.topic-comment-section{margin-left:16px}.like-section{display:flex;align-items:center;border-top:1px solid #e9e9e9;height:30px;width:100%;font-size:16px}.like-section .like-user-title{color:#3f78a0;margin-left:3px;font-size:12px}.like-section .comment-user-title{color:#767676;font-size:12px;margin-left:3px;cursor:pointer}.like-section .like-container{margin-left:30px;cursor:pointer}.like-section .like{margin-right:5px}.like-section .none{display:none}.like-section i{color:#767676;font-size:18px;cursor:pointer}.like-section .active-like,.like-section i:hover{color:#3f78a0}.like-section div{padding-left:5px;display:inline}.link-to-post-page-button{position:absolute;bottom:5px;right:15px}.link-to-post-page-button :hover{text-decoration:underline;color:#3e3e3e}.link-to-post-page-button a{text-decoration:none;color:#767676}.search{display:block;width:100%}.main{max-width:700px;width:90%;margin:5px auto;padding-top:40px;display:grid;grid-template-columns:repeat(2,1fr)}.main div{margin:4px 0}.main button{display:block;margin:10px 65px;border:1px solid #3f78a0;background-color:#fff;padding:5px 10px}.main textarea{height:50px}@media (min-width:550px){.main{grid-template-columns:repeat(4,1fr)}.main div{text-align:center}}.account-page-wrapper,.change-profile-page-wrapper,.dashboard-wrapper,.landing-wrapper,.main,.make-post-wrapper,.search-user,.topic-user-container{padding-top:50px}@media (min-width:700px){.account-page-wrapper,.change-profile-page-wrapper,.dashboard-wrapper,.landing-wrapper,.main,.make-post-wrapper,.search-user,.topic-user-container{padding-top:60px}.topics-wrapper .topic-wrapper .topic-section p{font-size:16px;padding:10px 20px 20px}.topics-wrapper .topic-wrapper time{font-size:18px}.topics-wrapper .topic-wrapper .link-to-post-page-button{font-size:16px}.topics-wrapper .topic-wrapper .topic-avatar{width:50px;height:50px}.topics-wrapper .topic-wrapper .post-name{font-size:18px}}@media (min-width:700px) and (min-width:1100px){.topic-wrapper .title{font-size:24px}.topics-wrapper .topic-wrapper .topic-section p{font-size:18px;line-height:30px}.topics-wrapper .topic-section .like-post-comment{font-size:14px}.topics-wrapper .topic-section{font-size:16px}.like-section i{font-size:18px}.like-section .comment-user-title,.like-section .like-user-title{font-size:14px}.like-section{height:50px}.topics-wrapper .topic-wrapper .link-to-post-page-button{bottom:15px}.topics-wrapper .topic-date{right:10px}}.main__nav{display:block;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:#fff;position:fixed;width:100%;z-index:99;top:35px;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.main__nav .nav__link{display:block;border-bottom:1px solid #e9e9e9}.main__nav a{font-weight:600;color:#000;text-decoration:none;cursor:pointer;font-size:16px;margin-top:20px;padding:0 30px 5px}.main__nav a i{margin:3px 0 0 5px}.main__nav a:hover{text-decoration:underline}.menu{z-index:99;text-align:right;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);position:fixed;top:0;height:40px;width:100%;font-size:18px;padding-top:5px;z-index:9999}.menu,.menu div{padding-right:30px}.menu i{font-size:24px;padding-top:5px;color:#000}@media (min-width:1200px){.menu{display:none}.main__nav{width:100%;transform:translateY(120%);position:fixed;top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:50px;text-decoration:none}.main__nav .nav-container{max-width:1200px;width:90%;margin:0 auto;display:flex;text-align:center;justify-content:center;align-items:center}.main__nav .nav-container a{color:#000;text-decoration:none;cursor:pointer;margin:0 10px}.main__nav .nav-container a i{margin:3px 0 0 5px}.main__nav a:hover{text-decoration:underline}.main__nav .nav__link{border:none}}.account-page-wrapper{max-width:800px;width:100%;margin:10px auto;display:block}.account-page-wrapper .user-posts-header{max-width:800px;font-size:22px;margin:25px 0 20px 10px;font-weight:700}@media (min-width:700px){.account-page-wrapper .user-posts-header{margin:25px auto 20px}}.account-page-wrapper .data-items{font-size:16px;margin:10px 0 10px 20px;max-width:800px}@media (min-width:1100px){.account-page-wrapper .data-items{font-size:18px}}.account-page-wrapper .data-items div{margin-top:10px}.account-page-wrapper .data-items .your-account{font-weight:700;font-size:20px}@media (min-width:700px){.account-page-wrapper .data-items{margin:25px auto 20px}}.account-page-wrapper .user-post{position:relative;line-height:25px;border:1px solid #e9e9e9;width:100%;max-width:800px;margin:0 auto 20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.account-page-wrapper .user-post .title{border:1px solid #e9e9e9;padding:15px;font-size:20px;font-weight:700}.account-page-wrapper .user-post .title:first-letter{text-transform:uppercase}.account-page-wrapper .user-post .text{padding:10px;font-size:15px}.account-page-wrapper .user-post .text:first-letter{text-transform:uppercase}.account-page-wrapper .user-post .user-post-image img{width:100%;display:block;height:100%;max-height:500px;margin:0 auto}.account-page-wrapper .user-post-date{margin:0 0 0 10px}.account-page-wrapper .post__likes__comments{border-top:1px solid #e9e9e9}.account-page-wrapper .post__likes__comments__deleteBtn{background-color:#fff;display:flex;padding:20px 10px}.account-page-wrapper .post__likes__comments__deleteBtn div{margin-left:10px;color:#3f78a0}.account-page-wrapper .post__likes__comments__deleteBtn div i{cursor:pointer}.account-page-wrapper .post__likes__comments__deleteBtn div i:hover{color:#214258}@media (min-width:1100px){.account-page-wrapper .user-post .title{font-size:22px}.account-page-wrapper .user-post .text{font-size:16px;line-height:28px;padding:10px 20px;letter-spacing:1px}.account-page-wrapper .user-post-date{margin:10px 0 0 20px}.account-page-wrapper .post__likes__comments__deleteBtn{font-size:18px}.account-page-wrapper .user-post-comments i,.account-page-wrapper .user-post-likes i{margin-right:3px}}.topic-container{display:block;width:100%;margin:0 auto;max-width:800px;background-color:#fff}.topic-container .topic-user-container{background-color:#fff;display:flex;margin-top:30px;padding-left:20px;align-items:center;font-size:20px;padding-bottom:20px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.topic-container .topic-user-container a{text-decoration:none;color:#000}.topic-container .topic-user-container a:hover{text-decoration:underline}.topic-container .topic-user-container .avatar{width:80px;height:80px;border-radius:50%;margin-right:20px}.topic-container .topic-section{overflow:hidden;border-top:1px solid #e9e9e9;font-size:14px;letter-spacing:1px;line-height:25px;background-color:#fff}.topic-container .topic-section .title{font-size:25px;text-transform:uppercase;padding:10px 20px;font-family:"Maven Pro"}.topic-container .topic-section p{margin:20px;font-family:"Maven Pro"}.topic-container .topic-section .link-user{border-bottom:1px solid #e9e9e9;padding:0 20px;font-size:14px}.topic-container .topic-section .link-user a{text-decoration:none;color:#000}.topic-container .topic-section .link-user a:hover{text-decoration:underline}.topic-container .topic-section .link-user time{margin-left:15px}.topic-container .topic-section .user-image{width:90%;border-radius:0;height:100%;max-height:450px;display:block;margin:10px auto}.topic-container .topic-section p:first-letter{font-size:25px;text-transform:uppercase}.topic-container .topic-section .link{display:flex;align-items:center;width:100%;height:30px}.topic-container .topic-section .link div{margin-left:10px}.topic-container .topic-section .link .like{margin-right:0}.topic-container .topic-section .link i{color:#767676}.topic-container .topic-section .link i:hover{color:#3f78a0}.topic-container .topic-section .link .no-active{color:#767676}.topic-container .topic-section .link .active{color:#3f78a0}.topic-container .search-topic-wrapper{margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;background-color:#fff}.topic-container .search-topic-wrapper input{grid-area:1/1/2/4;border:1px solid #e9e9e9;padding:5px 30px}.topic-container .search-topic-wrapper button{grid-area:1/4/2/6;border:1px solid #e9e9e9;padding:5px 10px;background-color:#fff;color:#3f78a0;transition:.3s ease-in-out}.topic-container .search-topic-wrapper button:hover{background-color:#3f78a0;color:#fff}.topic-container .comment-container{position:relative;background-color:#fff}.topic-container .comment-container:nth-child(2n){padding-left:30px}.topic-container .comment-container:last-child{margin-bottom:30px}.topic-container .comment-container .date{position:absolute;bottom:-20px;left:5px}.topic-container .comment-container .topic-section-link{position:absolute;bottom:-20px;left:140px}.topic-container .comment-container .topic-section-link i{color:#3f78a0}.topic-container .comment-container .comment-img{width:30px;height:30px;border-radius:50%}.topic-container .comment-container .topic-cl{padding-bottom:20px;display:flex;flex-wrap:nowrap;align-items:center;margin-left:10px}.topic-container .comment-container .topic-cl .comment{position:relative;background-color:#e7e9ec;border-radius:30px;padding:5px 15px 10px;min-width:180px;margin:0 10px 12px}.topic-container .comment-container .topic-cl .comment .comment-name{font-weight:700;margin:2px 2px 2px 0;font-size:14px}.topic-container .comment-container .topic-cl .comment .comment-text{margin:0;font-size:14px}.topic-container .topic-comment-container{background-color:#fff;padding-top:30px;border:1px solid #e9e9e9}.topic-container .like-user-title{color:#3f78a0;margin-left:3px;font-size:12px}.topic-container .comment-user-title{color:#767676;font-size:12px;margin-left:3px;cursor:pointer}.topic-container .like-posts{display:flex;justify-content:space-between;margin:5px 20px}.topic-container .like-posts i{margin-left:3px}.all-page-wrapper{display:block;margin:100px auto 0;text-align:center}@media (min-width:1100px){.topic-container .topic-section p{font-size:18px;line-height:28px;padding:20px;font-family:"Maven Pro"}.topic-container .topic-section .like-posts div,.topic-container .topic-section .like-posts span,.topic-container .topic-section .topic-section.link p{font-size:18px}.topic-container .topic-section .topic-section.link span{font-size:16px}.search-topic-wrapper input{font-size:14px}.search-topic-wrapper button{font-size:16px}.topic-container .topic-section p{padding:0}.topic-container .comment-container .topic-cl .comment .comment-name,.topic-container .comment-container .topic-cl .comment .comment-text{font-size:16px}.topic-container .comment-container .comment-img{width:40px;height:40px}}
/*# sourceMappingURL=main.af88545f.chunk.css.map */