@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}html{width:100vw;height:100vh}body{width:100%;height:100%}*,body,html{margin:0}[hidden]{display:none!important}section.section-main{width:100vw;height:100vh;background-color:#070707;background-image:url(./assets/images/background.jpeg);background-size:contain;background-position:10vw;background-repeat:no-repeat}section.section-nav{float:left;width:100%;height:calc(5rem - 1px);border-bottom:1px solid #dfdfdf}section.section-menu{float:left;width:calc(10rem - 1px);height:calc(100% - 5rem);border-right:1px solid #dfdfdf}section.section-content{float:left;width:calc(100% - 10rem);height:calc(100% - 5rem)}div.div-main{width:45vw;height:100vh;float:right;display:flex;flex-direction:column;justify-content:center}div#div-tab-feed,div.div-title{width:100%;display:flex;flex-direction:column}div.div-title{height:55vh;justify-content:flex-end}div.div-tab{width:100%;height:calc(100% - 2.5rem - 1px)}div#div-tab-feed{align-items:center;overflow-y:scroll}div.div-top-bar{width:100%;height:2.5rem;border-bottom:1px solid #dfdfdf}div.div-post{width:80%;height:auto;margin:2.5rem 0;border:1px solid #dfdfdf;border-radius:.5rem}div.div-post-header{width:calc(100% - 1rem);height:1rem;padding:.625rem;font-family:"Inter",sans-serif}div.div-post-content{width:100%;height:auto;white-space:pre-wrap;background-color:#dfdfdf}div.div-post-footer{width:100%;height:auto;padding:.625rem}div.div-post-tab,form#form-new-post{width:100%}div.div-messages-list{float:left;width:20%;height:100%;min-width:50px}div.div-messages-main{float:left;width:calc(80% - 2px);height:100%;min-width:250px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf}div.div-messages{width:100%;height:calc(100% - 3.25rem);overflow:auto}div.div-messages-input{width:100%;height:3.25rem}div.div-messages-container{height:100%;overflow:auto}div.div-msg{margin:.5rem;text-align:left}div.div-msg-self{margin:.5rem;text-align:right}div.div-msg-content,div.div-msg-content-self{padding:.5rem;border-radius:1rem 1rem 1rem 0;background-color:#dfdfdf;font-size:1rem;line-height:1rem;font-family:"Inter",sans-serif;display:inline-block}div.div-msg-content-self{border-radius:1rem 1rem 0 1rem;border:1px solid #bfbfbf;background-color:#fff}div.div-msg-time,input.input-message{margin:.25rem 0;font-size:.75rem;line-height:.75rem;font-family:"Inter",sans-serif}div.div-submit-loading{display:inline-block;width:2vh;height:2vh;border-radius:50%;border:1px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 500ms ease-in-out infinite}div.div-friend-request{height:2.5rem;width:100%;border:0;background-color:transparent;border-bottom:1px solid #dfdfdf;transition:200ms;font-family:"Inter",sans-serif;text-align:center}div.div-friend-request:hover{cursor:pointer;background-color:#dfdfdf}div.div-friend-request.div-friend-request-active{background-color:transparent;color:transparent}div.div-friend-request .button-friend-accept{color:#bfffbf}div.div-friend-request .button-friend-reject{color:#ffbfbf}div.div-new-type,div.div-post-categories{height:3vh;width:fit-content;margin:1rem;border-radius:1rem;overflow:hidden;border:1px solid #dfdfdf}div.div-categories{height:2.5vh;width:fit-content}input.input-message{margin:0 2rem;padding:1rem 1.5rem;width:calc(100% - 12rem);height:1rem;font-size:1rem;line-height:1rem;border-radius:5rem;border:.01rem solid #dfdfdf;outline:0}input.input-auth,input.input-signup{margin-top:2.5vh;padding:1.25vh 1.75vh;width:25vw;height:1.75vh;font-size:1.5vh;line-height:1.5vh;font-family:"Inter",sans-serif;border-radius:1rem;color:#fff;border:.01rem solid #3f3f3f;background-color:transparent;outline:0}input.input-message::placeholder{content:"->"}input.input-filter{width:75%}input.input-new-post,textarea.textarea-new-post{margin:1rem;padding:1rem;width:calc(100% - 4.5rem);font-size:1rem;line-height:1rem;border-radius:1rem;outline:0}input.input-new-post{height:1rem;font-family:"Inter",sans-serif;border:.01rem solid #dfdfdf}button.button-auth-submit,button.button-signup-submit,input.input-submit{font-family:"Inter",sans-serif;border-radius:1rem;background-color:transparent;transition:200ms}input.input-submit{margin:1rem;padding:1rem;width:7.5rem;height:3rem;border:.01rem solid #dfdfdf}button.button-auth-submit,button.button-signup-submit{margin-top:2.5vh;padding:1vh;width:10vh;height:4.25vh;font-size:1.5vh;border:.01rem solid #3f3f3f;color:#fff;cursor:pointer}input.input-submit:hover{background-color:#dfdfdf}button.input-auth-submit:hover{background-color:#3f3f3f}input.input-search{margin:.5rem 0 .5rem .5rem;flex-grow:1}button.button-search{margin:.5rem;width:1.5rem;height:1.5rem}textarea.textarea-new-post{height:5rem}button.button-friend,button.button-message-send{border:0;background-color:transparent;transition:200ms}button.button-message-send,textarea.textarea-new-post{font-family:"Inter",sans-serif;border:.01rem solid #dfdfdf}button.button-message-send{z-index:1;margin:0 .5rem;padding:.5rem;width:3rem;height:3rem;border-radius:5rem}button.button-friend:hover,button.button-message-send:hover{cursor:pointer;background-color:#dfdfdf}button.button-friend{height:2.5rem;width:100%;border-bottom:1px solid #dfdfdf}button.button-friend.button-friend-active{background-color:#000;color:#fff}button.button-new-type{height:100%;width:5rem;background-color:transparent;border-left:none;border-top:none;border-bottom:none;border-right:1px solid #dfdfdf;float:left;transition:250ms}button.button-new-type-active{background-color:#000}button.button-categories:hover,button.button-category:hover,button.button-new-type:hover,li.li-menu-item-button:hover{background-color:#dfdfdf}button.button-new-type-last{border:0}button.button-categories{height:2.5rem;width:7.5rem;background-color:transparent;border:0;transition:250ms}button.button-categories-active{background-color:#000}button.button-category{height:100%;width:7.5rem;background-color:transparent;border-left:none;border-top:none;border-bottom:none;border-right:1px solid #dfdfdf;float:left;transition:250ms}button.button-category-active{background-color:#000}form#form-auth{float:right;height:45vh}form#form-search{width:100%;border-bottom:1px solid #dfdfdf;display:flex}header{width:100%;height:100%;display:flex;align-items:center}h1.main-title,h1.sub-title{font-size:10vh;font-family:"Inter",sans-serif;font-weight:1000;color:#fff}h1.sub-title{font-size:5vh;font-weight:100}h1.heading-nav-name,h2.heading-nav-div{float:left;font-size:1.5rem;font-family:"Inter",sans-serif}h1.heading-nav-name{margin:0 1rem;font-weight:700}h2.heading-nav-div{font-weight:100}p.p-post-title{float:left;font-size:.75rem;line-height:.75rem}p.p-post-author{float:right}p.p-post-author,p.p-post-description{font-size:.75rem;line-height:.75rem}a.a-catalog-link,p.p-post-description,p.p-status{font-family:"Inter",sans-serif}p.p-status{margin-top:2vh;font-size:1.5vh;color:red}span.span-nav{margin:0 1rem}span.span-post-footer{font-size:.75rem;line-height:.75rem;font-family:"Inter",sans-serif}li.li-menu-item-button,li.li-menu-item-category,ul.ul-menu{margin:0;padding:0;width:100%;text-decoration:none;list-style:none}ul.ul-menu{height:100%}li.li-menu-item-button,li.li-menu-item-category{font-family:"Inter",sans-serif;display:flex;align-items:center}li.li-menu-item-button{height:3rem;cursor:pointer;transition:250ms}li.li-menu-item-category{height:1.25rem;font-size:.75rem;color:#bfbfbf;justify-content:center}li.li-active{background-color:#000;color:#fff}li.li-active:hover{background-color:#3f3f3f;color:#fff}a.a-catalog-link{margin:1rem;line-height:normal;font-size:1.5rem;text-decoration:underline}