:root{--primaryColor:#ea7773;--mainTransition:all 0.3s linear;--bgColor:#14141c}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;font-size:62.5%;width:100%;height:100%;background-color:#14141c;color:#fff;overflow-x:hidden;scrollbar-color:#6b7d8c #192734}@media only screen and (max-width:700px){html{font-size:80%!important}}.col-md-3{max-width:20%}.side-icon{display:none}.side-icon svg{font-size:2.5rem;cursor:pointer}@media only screen and (max-width:700px){.side-icon{display:flex!important;justify-content:space-between!important}}.left-homepage{max-width:20%;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand-name h1{color:var(--primaryColor);font-weight:600;font-size:3.2rem}.nav-list-container,.user-list-container{list-style-type:none}.nav-list-container li a,.user-list-container li a{text-decoration:none;color:#fff}.nav-list-container .create-post:hover{cursor:pointer;color:var(--primaryColor);background-color:rgba(234,119,115,.2);border-radius:50px}.user-list-container li a{text-transform:capitalize;white-space:nowrap}.nav-list-container li a:hover,.user-list-container li a:hover{color:var(--primaryColor);background-color:rgba(234,119,115,.2);border-radius:50px}.nav-list-container li,.user-list-container li{font-size:2rem}.user-list-container{position:absolute;bottom:0}.active-header{color:var(--primaryColor)!important}@media only screen and (min-width:702px){.left-homepage{height:100vh}}@media only screen and (max-width:700px){.side-icon{display:inline;display:initial}.left-homepage{transform:translateX(-600px);position:fixed;top:4%;max-width:60%;background-color:var(--bgColor);transition:var(--mainTransition);height:100%}.active-left-homepage{transform:translateX(0)!important;transition:var(--mainTransition)!important}}.modal-top-container{display:none;position:fixed;bottom:0;left:0;right:0;top:0;align-items:center;justify-content:center;overflow:hidden;z-index:20}.modal-background{position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(10,10,10,.73)}.modal-top-container .modal-description{background-color:var(--bgColor);position:relative;width:500px;max-height:440px;padding:42px;box-shadow:0 0 12px 3px rgba(0,0,0,.17);overflow:auto}.modal-description .text-center h2{color:var(--primaryColor);font-weight:600}.modal-description input,.modal-description textarea{font-weight:600}.modal-description .buttons{display:flex;justify-content:space-evenly}.modal-description .buttons .btn{padding:3px 28px;font-weight:600;color:#fff;border-radius:35px;font-size:1rem}.modal-description .buttons .btn-success{background-color:#14141c;border-color:var(--primaryColor)}.modal-description .buttons .btn-success:hover{background-color:var(--primaryColor);border-color:var(--primaryColor)}.modal-active-state{display:flex}.modal-form-container input,.modal-form-container textarea{background-color:#272b34;color:#fff!important;border:1px solid transparent}.modal-form-container input:focus,.modal-form-container textarea:focus{box-shadow:none;background-color:#272b34;border:1px solid var(--primaryColor)}.ErrorImageOverlay{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bgColor);position:fixed;color:var(--primaryColor)}.ErrorImageContainer{display:inline-block;background-image:url(https://i.imgur.com/A040Lxr.png);background-size:cover;background-position:50%;width:40vh;height:40vh}.ErrorImageText{font-size:28px;color:var(--primaryColor)}.loader,.loader:after,.loader:before{background:#fff;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#fff;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.64791255.chunk.css.map */