@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.card{border-radius:var(--card-radius);box-shadow:var(--simple-shadow);overflow:hidden}.card.small-radius{border-radius:var(--button-radius)}.post{background-color:var(--dark-accent);cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:200px;padding:2em var(--normal-padding);position:relative}.post.hidden{opacity:.25}.post:hover{background-color:rgba(var(--dark-accent-decimal),.75)}.post-icon{align-items:center;background-color:var(--dark);border-radius:50%;display:flex;font-size:var(--md-text);justify-content:center;padding:.35em;position:absolute;top:.5em}.post-icon.hide{left:1em}.post-icon.delete{right:1em}.post-icon.delete:hover{color:var(--error)}.post-icon.update{right:3.5em}.post-date,.post-icon.hide:hover,.post-icon.update:hover{color:var(--light)}.post-date{font-size:.75rem;font-weight:700;margin-top:1rem}.post-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;white-space:nowrap}.post-content,.post-title{overflow:hidden;text-overflow:ellipsis}.post-content{word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;font-size:.85rem}@media (min-width:768px) and (max-width:1199px){.post{padding:2.5em 1.25em}.post-icon{height:1.65em;width:1.65em}.post-icon.delete{color:var(--danger)}}@media (max-width:767px){.post{padding:2.5em 1em;width:100%}.post-icon{height:1.5em;width:1.5em}.post-icon.delete{color:var(--danger)}}.loader{align-items:center;display:flex;gap:var(--small-gap)}.dot{animation:dot-buffer 1s ease-out infinite;background-color:var(--text-color);border-radius:50%;height:.5em;width:.5em}.button{align-items:center;background-color:var(--light-accent);border:none;border-radius:var(--button-radius);color:var(--text-color);cursor:pointer;display:flex;font-family:var(--header-font);font-size:var(--lg-text);font-weight:700;justify-content:center;letter-spacing:1px;outline:none;padding:var(--small-padding);text-transform:uppercase;width:100%}.button:hover{opacity:.85}.modal,.modal-container{transition:all var(--modal-transition-duration) ease-in-out}.modal{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:999}.modal-container{background-color:var(--dark-accent);border-radius:var(--card-radius);display:flex;flex-direction:column;gap:var(--normal-gap);height:-webkit-fit-content;height:fit-content;transform:translateY(-1000px)}.modal-title{color:var(--text-color);font-size:var(--huge-text);font-weight:700;text-transform:uppercase}.modal.enter-done{opacity:1;pointer-events:visible}.modal.enter-done .modal-container{transform:translateY(0)}.modal.exit-active{opacity:0}.modal.exit-active .modal-container{transform:translateY(-1000px)}@media (max-width:767px){.modal-container{width:90%!important}}.create-post .input{font-size:var(--md-text);padding-left:2.5em}.create-post .input-text{font-size:var(--s-text);padding-left:1em}@media (max-width:767px){.create-post .input{padding-left:1.5em}.create-post .input-text{padding-left:.5em}}.form{display:flex;flex-direction:column;padding:2em;width:100%}.form-title{font-size:2rem;font-weight:700}.form-desc,.form-title{color:var(--text-color)}.form-desc{font-size:1rem}.form-group{background-color:var(--text-color);border-radius:.25em;margin:.5em 0;overflow:hidden;position:relative;width:100%}.form-group.text{overflow-y:auto}.form-group:focus-within{box-shadow:var(--accent-shadow)}.form-group svg{fill:var(--dark-accent);left:1em;position:absolute;top:50%;transform:translateY(-50%) scale(1.5)}.input{background-color:inherit;border:none;color:var(--dark);font-size:1.5rem;height:100%;outline:none;padding:1em 1em 1em 2em;resize:none;width:100%}.input:focus+svg{fill:var(--light-accent)}.form-actions{display:flex;flex-direction:column;gap:var(--normal-gap);margin-bottom:.5em;margin-top:1em;width:100%}@media (max-width:767px){.form-title{font-size:1.5rem}.form-desc{font-size:.85rem}.form-group{margin:.25em 0}.form-group svg{left:.25em;transform:translateY(-50%) scale(.75)}.form-group.text{font-size:var(--s-text);min-height:20vh}.input{font-size:var(--md-text);padding:.5em .5em .5em 2em}}.nav{margin-bottom:var(--normal-gap);padding:var(--normal-padding);width:var(--container-width);z-index:1}.nav__content{align-items:center;display:flex;gap:var(--normal-gap);justify-content:flex-end;width:100%}.nav__username{color:var(--text-color);font-size:var(--big-text);text-transform:capitalize;white-space:nowrap}.nav__username span{color:var(--light);font-weight:700}.nav__separator{align-self:stretch;background-color:var(--text-color);border-radius:var(--card-radius);width:.25em}.nav__actions{align-items:center;background-color:var(--dark-accent);border-radius:var(--button-radius) var(--button-radius) 0 0;box-shadow:var(--simple-shadow);cursor:pointer;display:flex;font-size:var(--big-text);gap:var(--small-gap);padding:var(--xs-padding) var(--small-padding);position:relative;text-transform:uppercase}.actions__items,.nav__actions:focus,.nav__actions:hover .actions__items{display:flex}.actions__items{background-color:var(--light-accent);border-radius:0 0 var(--button-radius) var(--button-radius);box-shadow:var(--simple-shadow);display:none;flex-direction:column;gap:var(--small-gap);left:0;position:absolute;top:100%;width:100%;z-index:100}.action__item{cursor:pointer;font-size:var(--md-text);padding:var(--small-padding);width:100%}.action__item:hover{background-color:rgba(var(--dark-accent-decimal),.75)}@media (max-width:1199px){.mobile__nav{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--normal-gap);padding:1em;padding-right:calc((100% - var(--container-width))/2);width:100%}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:8px;z-index:2}.hamburger__line{background:var(--text-color);border-radius:var(--card-radius);display:block;height:6px;transform-origin:6px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .5s ease;width:3em}.hamburger__line:first-of-type{transform-origin:0 0}.hamburger__line:nth-of-type(3){transform-origin:0 100%}.nav__content{background-color:#000000bf;height:100%;justify-content:flex-end;left:0;opacity:0;padding-bottom:var(--normal-padding);padding-right:calc((100% - var(--container-width))/2);pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:1}.mobile__actions,.nav__content{align-items:flex-end;display:flex;flex-direction:column}.mobile__actions{gap:var(--normal-gap);margin-top:var(--small-padding)}.actions__item{background-color:var(--light-accent);border-radius:var(--button-radius);font-size:var(--lg-text);padding:var(--small-padding) var(--normal-padding);text-align:start;text-transform:capitalize;width:100%}.nav__content>*{transform:translateX(1000px);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.mobile__nav.open .nav__content{opacity:1;pointer-events:all;touch-action:none;z-index:1}.mobile__nav.open .nav__content>*{transform:translateX(0)}.mobile__nav.open .hamburger__line{background-color:var(--light);transform:rotate(45deg) translateY(-6px)}.mobile__nav.open .hamburger__line.hamburger__line:nth-of-type(2){opacity:0;transform:rotate(0deg) scale(.2)}.mobile__nav.open .hamburger__line.hamburger__line:last-of-type{transform:rotate(-45deg) translateY(6px)}}@media (max-width:767px){.hamburger__line{height:4px;transform-origin:2px 0;width:2em}.mobile__nav.open .hamburger__line{transform:rotate(45deg) translateY(0)}.mobile__nav.open .hamburger__line.hamburger__line:last-of-type{transform:rotate(-45deg) translateY(1px)}}.update-post .input{font-size:var(--md-text);padding-left:2.5em}.update-post .input-text{font-size:var(--s-text);padding-left:1em}.modal-container{width:40%}@media (max-width:767px){.update-post .input{padding-left:1.5em}.update-post .input-text{padding-left:.5em}}.container{height:-webkit-fit-content;height:fit-content;width:var(--container-width)}.container-title{font-size:var(--huge-text);font-weight:700;width:100%}.container-desc{color:var(--light);font-size:var(--md-text);margin-bottom:var(--normal-gap)}.footer{align-items:baseline;display:flex;justify-content:space-between;margin-top:auto;padding:5em 0 2em;width:var(--container-width)}.footer-link{background-color:var(--accent);border-radius:var(--button-radius);cursor:pointer;display:grid;padding:var(--normal-padding);place-content:center}.footer-link:hover{opacity:.75}.footer-link svg{color:var(--light);font-size:var(--big-text)}.copyright{font-size:var(--s-text);letter-spacing:1px}.logo{cursor:pointer;left:var(--normal-gap);position:absolute;top:var(--normal-gap);width:100px}@media (max-width:1199px){.logo{position:absolute;top:.5em;width:60px}}@media (max-width:767px){.logo{top:.5em;width:50px}}.page{background-color:var(--dark);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;width:100%}.home{align-items:center}.all-posts{flex-direction:column}.posts-list{grid-gap:1em;display:grid;grid-auto-rows:-webkit-fit-content;grid-auto-rows:fit-content;grid-template-columns:repeat(auto-fit,minmax(calc(33.33333% - var(--normal-gap)),.33fr));width:100%}@media (min-width:768px) and (max-width:1199px){.posts-list{grid-template-columns:repeat(auto-fit,minmax(calc(50% - var(--normal-gap)),.5fr))}}@media (max-width:767px){.posts-list{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.details{align-items:center;height:100%}.details-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2em 0;width:100%}.details-title{border-bottom:3px solid;font-size:var(--huge-text);font-weight:700;margin-bottom:.5em;padding-bottom:var(--small-padding);text-align:center;width:-webkit-fit-content;width:fit-content}.details-header .author-container{align-items:center;display:flex;gap:2em;justify-content:center;width:100%}.details-header .box{align-items:center;display:flex;gap:var(--normal-gap)}.details-header .author-container svg{fill:var(--light);transform:scale(1.5)}.details .error,.details .success{font-family:var(--header-font);font-size:1rem;margin-top:1em;text-transform:uppercase}.details-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:100%}.details-container .content{background-color:rgba(var(--dark-accent-decimal),.25);border-radius:var(--button-radius);font-size:var(--md-text);max-height:40vh;min-height:20vh;overflow-x:hidden;overflow-y:scroll;padding:var(--normal-padding);scrollbar-color:var(--light) var(--dark-accent);text-align:justify;white-space:pre-wrap;width:100%}.details-container .content.disabled{display:none}.details-container textarea{background-color:var(--dark-accent);border:none;border-radius:var(--button-radius);box-shadow:var(--simple-shadow);color:var(--text-color);display:none;font-size:var(--md-text);max-height:40vh;min-height:20vh;outline:none;padding:var(--normal-padding);resize:none;text-align:justify;white-space:pre-wrap;width:100%}.details-container textarea.open{display:block}.details-update-controls{display:flex;gap:var(--normal-gap);justify-content:flex-start;margin-top:var(--normal-gap);width:100%}.update-control{width:-webkit-fit-content;width:fit-content}@media (max-width:767px){.author-container .box .author,.author-container .box .date{font-size:var(--s-text)}.details-header .author-container svg{transform:scale(1.25)}.details-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:100%}.details-container .content,.details-container textarea{padding:var(--small-padding)}.details-update-controls{display:flex;gap:var(--normal-gap);justify-content:flex-start;margin-top:var(--normal-gap);width:100%}}.login{align-items:center;justify-content:center;position:relative}.login .container{width:30%}.login .form{background-color:var(--dark-accent)}@media (max-width:1199px){.login .container{width:50%}}@media (max-width:767px){.login .container{width:90%}}.form{justify-content:center}.form-desc{margin-bottom:1em}.error{margin-top:1em}.register-confirmational{background-color:var(--dark-accent)}.register{align-items:center;justify-content:center;position:relative}.register .container{width:30%}.register .form{background-color:var(--dark-accent)}@media (max-width:1199px){.register .container{width:50%}}@media (max-width:767px){.register .container{width:90%}}.admin{align-items:center;height:100%}.table{border-collapse:collapse;border-radius:2rem;border-style:hidden;box-shadow:var(--simple-shadow);width:100%}.table thead{background-color:var(--light-accent)}.table thead th{font-size:var(--md-text);letter-spacing:1px;text-transform:uppercase}.table tbody tr{background-color:var(--dark-accent)}.table tbody tr.odd{background-color:var(--accent)}.table td,.table th{padding:var(--normal-padding);text-align:start}.table-badge{background-color:var(--light-accent);font-size:var(--s-text);padding:var(--xs-padding)}.table-badge,.table-button{border-radius:var(--button-radius);margin:0 var(--small-gap);text-transform:uppercase}.table-button{color:var(--text-color);cursor:pointer;font-size:var(--md-text);letter-spacing:1px;padding:var(--small-padding)}.table-button:hover{opacity:.75}.table-button.success{background-color:var(--success-flat);color:var(--text-color)}.table-button.error{background-color:var(--error-flat);color:var(--text-color)}.table-button.warning{background-color:var(--warning);color:var(--text-color)}.admin .messages{font-size:var(--md-text);margin:var(--normal-gap) 0;padding:var(--normal-padding);width:100%}.admin .charts-container{align-items:center;display:flex;gap:1em;justify-content:center;width:100%}.admin .chart{width:80%}@media (max-width:767px){.table{border-radius:var(--card-radius);display:block;overflow-x:scroll;white-space:nowrap}.table thead th,.table-button{font-size:var(--s-text)}.table-button{letter-spacing:0;margin:0 var(--small-gap);padding:var(--small-padding)}.admin .messages{margin:var(--normal-gap) 0}.admin .chart{width:100%}}.chat,.chat-container{align-items:center}.chat-container{display:flex;gap:var(--normal-gap);height:70vh;width:100%}.user-list{background-color:var(--accent);border-radius:var(--card-radius);height:100%;overflow-y:scroll;width:20%}.user-card{align-items:center;cursor:pointer;display:flex;padding:var(--normal-padding);width:100%}.user-card.active{background-color:#202020bf}.user-card.unread{font-weight:700}.user-card:hover{background-color:#202020bf}.user-icon{background-color:var(--dark);border-radius:50%;display:grid;height:1em;margin-right:var(--normal-gap);padding:1.5em;place-content:center;width:1em}.user-name{font-size:var(--md-text);letter-spacing:1px}.user-unreads{background-color:var(--light-accent);border-radius:50%;display:grid;height:1em;margin-left:var(--normal-gap);padding:var(--normal-padding);place-content:center;width:1em}.messages{background-color:var(--dark-accent);border-radius:var(--card-radius);display:flex;height:100%;justify-content:center;width:80%}.info-message{color:var(--light);margin-top:var(--normal-gap)}.message-container{height:100%;position:relative;width:100%}.handle{align-items:center;background-color:#202020bf;display:flex;flex-direction:column;justify-content:center;padding:var(--normal-padding)}.handle .user-icon{background-color:var(--light-accent);margin:0;margin-bottom:var(--small-gap)}.handle .user-name{font-size:var(--s-text);font-weight:700}.message-list{gap:.5em;height:100%;max-height:50vh;overflow-y:scroll;padding:var(--normal-padding)}.message,.message-list{display:flex;flex-direction:column;width:100%}.message{align-items:start}.message-date{align-self:center}.message.author{align-items:end}.message-box{align-items:center;display:flex}.message-content{border-radius:var(--card-radius);display:inline-block;padding:var(--small-padding)}.message-content,.message-handle{background-color:var(--light-accent)}.message-handle{border-radius:50%;display:grid;font-size:var(--s-text);height:var(--small-padding);margin-right:var(--normal-gap);padding:var(--normal-padding);place-content:center;visibility:hidden;width:var(--small-padding)}.message-handle.show{visibility:visible}.message.author .message-content{background-color:var(--accent);margin-left:0}.message-area{align-items:center;bottom:0;display:flex;gap:var(--normal-gap);justify-content:space-between;padding:var(--normal-padding);position:absolute;width:100%}.message-input{background-color:#202020bf;border:none;border-radius:var(--card-radius);color:var(--text);font-size:var(--md-text);margin:0;outline:none;padding:var(--small-padding) var(--normal-padding);width:100%}.message-input.empty{border:2px solid var(--error-flat)}.send-icon{border-radius:50%;cursor:pointer;display:grid;font-size:var(--lg-text);padding:1em;place-content:center}.send-icon:hover{background-color:#202020bf}.send-icon svg{transform:translateX(15%)}@media (max-width:767px){.chat{align-items:center}.chat-container{gap:0}.user-list{border-radius:0}.user-card{flex-direction:column;gap:var(--small-gap);padding:var(--small-padding);position:relative}.user-icon{height:.5em;margin-right:0;padding:var(--normal-padding);width:.5em}.user-icon,.user-name{font-size:var(--xs-text)}.user-name{letter-spacing:0;text-align:center}.user-unreads{font-size:var(--xs-text);height:.75em;left:65%;margin:0;padding:.65em;position:absolute;right:0;top:0;transform:translateX(-50%);width:.75em}.messages{border-radius:0}.info-message{margin-top:var(--normal-gap);text-align:center}.handle,.info-message{padding:var(--small-padding)}.handle{display:flex;flex-direction:row;gap:var(--normal-gap)}.handle .user-icon{margin:0}.handle .user-name{font-size:var(--s-text)}.message-list{padding:var(--small-padding)}.message-date{font-size:var(--s-text)}.message.author{align-items:end}.message-content{font-size:var(--s-text);padding:var(--small-padding)}.message-handle{font-size:var(--xs-text);margin-right:var(--small-gap)}.message-area{align-items:center;bottom:0;display:flex;gap:var(--normal-gap);justify-content:space-between;padding:var(--normal-padding);position:absolute;width:100%}.message-input{font-size:var(--s-text);padding:var(--small-padding);width:100%}.message-input.empty{border:2px solid var(--error-flat)}.send-icon{background-color:#202020bf;font-size:var(--s-text);padding:.5em}}.notFound{align-items:center;padding-top:var(--header-height)}.error,.success{font-family:var(--header-font);font-size:1rem;text-transform:uppercase}.error{color:var(--error)}.success{color:var(--success)}.info{color:var(--light-accent)}.link{color:var(--light);cursor:pointer;font-size:1rem}.link:focus,.link:hover{color:var(--text-color)}.fade-out{animation:fade-out 3s forwards}@media (max-width:767px){.container__back{padding:.125em .25em}.info__message{margin:.5em 0;padding:.5em;text-align:center}.link{font-size:.85rem}}@keyframes fade-out{0%{opacity:1}50%{opacity:1}to{opacity:0}}:root{--dark:#202020;--accent:#525652;--dark-accent:#333533;--dark-accent-decimal:51,53,51;--light:#adddd0;--light-accent:#607eaa;--light-accent-decimal:96,126,170;--error:#ff2800;--error-flat:#9e2a2b;--success:#50c878;--success-flat:#5e8c61;--warning:#8b4000;--header-font:"Oswald",sans-serif;--text-font:"Source Sans 3",sans-serif;--text-color:#f9f5eb;--base-font-size:18px;--xs-text:0.65rem;--s-text:0.85rem;--md-text:1rem;--lg-text:1.5rem;--big-text:2rem;--huge-text:3rem;--container-width:75%;--normal-gap:1em;--small-gap:0.25em;--xs-padding:0.25em;--small-padding:0.5em;--normal-padding:1em;--card-radius:0.5em;--button-radius:0.25em;--simple-shadow:5px 5px 10px 0px #00000040;--accent-shadow:0px 1px 10px 0px #607eaad9;--page-padding:var(--normal-padding) 0em;--header-height:100px;--modal-transition-duration:300ms}@media (min-width:768px) and (max-width:1199px){:root{--container-width:90%;--normal-gap:0.75em;--small-gap:0.25em;--s-text:0.85rem;--md-text:1.15rem;--lg-text:1.35rem;--big-text:1.75rem;--huge-text:2.15rem}}@media (max-width:767px){:root{--container-width:90%;--normal-gap:0.5em;--small-gap:0.25em;--s-text:0.85rem;--md-text:1rem;--lg-text:1.2rem;--big-text:1.5rem;--huge-text:2rem}}@keyframes dot-buffer{50%{opacity:.25;transform:scale(.75)}}html{box-sizing:border-box;font-family:var(--text-font);font-size:var(--base-font-size)}*,:after,:before{box-sizing:inherit}body,input,ol,p,textarea,ul{font-family:inherit;font-weight:400;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--header-font);font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}
/*# sourceMappingURL=main.713ab2b6.css.map*/