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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#loader{position:absolute;top:30%;left:47%}#loader h1{text-align:center}#loader svg{display:block;margin:auto}nav.navbar{display:flex;background:transparent;color:#818181;background-color:#111}nav#hiddenNav{display:none}.navbar #brand{flex:6 1;padding-left:1rem;font-size:1.5em;text-transform:uppercase;letter-spacing:.2em;margin:auto 0;cursor:pointer}.navbar #brand:hover a{color:#a3a3a3}.navbar #brand img{height:70px;width:100px}nav.navbar div{flex:none}.menu-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease-in-out;height:80px;margin-right:1rem}.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before{width:50px;height:6px;background-color:#818181;border-radius:5px;transition:all .5s ease-in-out}.hamburger-menu:after,.hamburger-menu:before{content:"";position:absolute}.hamburger-menu:before{transform:translateY(-16px)}.hamburger-menu:after{transform:translateY(16px)}.menu-btn.open .hamburger-menu{transform:translateX(-50px);background:transparent}.menu-btn.menu-btn.open .hamburger-menu:before{transform:rotate(45deg) translate(30px,-30px)}.menu-btn.open .hamburger-menu:after{transform:rotate(-45deg) translate(30px,30px)}.dropdown{position:absolute;top:70px;width:10rem;transform:translateX(-90%);padding:1rem;flex-direction:column;background-color:#111;margin:0 auto;box-shadow:0 0 10px #000;overflow:hidden;transition:height .5s ease}.dropdown,.menu-item{display:flex;border-radius:5px}.menu-item{align-items:center;transition:background-color .5s;padding:.5rem;color:#818181;cursor:pointer}.menu-item:hover{color:#f1f1f1;background-color:#222}.menu-item:hover span{background-color:#333}span.menu-item>span{background-color:#222;padding:.5rem 0 .5rem .5rem;width:1.5rem;height:1rem;border-radius:50px;margin-right:.5rem}span.menu-item span.right-icon{background-color:transparent}.menu-primary-enter{position:absolute;transform:translateX(-110%)}.menu-primary-enter-active{transform:translateX(0);transition:all .5s ease}.menu-primary-exit{position:absolute}.menu-primary-exit-active{transform:translateX(-110%);transition:all .5s ease}.menu-secondary-enter{position:absolute;transform:translateX(110%)}.menu-secondary-enter-active{transform:translateX(0);transition:all .5s ease}.menu-secondary-exit{position:absolute}.menu-secondary-exit-active{transform:translateX(110%);transition:all .5s ease}aside.sidebar{background-color:#111;width:4rem;height:100vh;display:inline-block;transition:width .5s ease-in-out;padding-top:11px;position:relative;z-index:1;position:-webkit-sticky;position:sticky;top:0}aside#hiddenSidebar{display:none}aside.sidebar:hover{width:16rem}nav.sidebar-list{list-style:none;display:flex;flex-direction:column;justify-content:space-around;font-size:25px;margin-top:5rem}nav a{text-decoration:none;color:#818181}li.sidebar-list-item{list-style:none;width:85%;padding:1rem 0 1rem 1rem;text-align:left;overflow:hidden;white-space:nowrap}.sidebar-text{margin-left:2rem}li.sidebar-list-item:hover{color:#f1f1f1;cursor:pointer}main.dashboard{display:flex;justify-content:center;margin-top:-100vh}.dashboard-links{position:absolute;width:25rem;top:30%;left:42.5%;display:flex;flex-wrap:wrap;justify-content:space-around}.dashboard-links a{color:#000;text-decoration:none;height:8rem;width:8rem;background-color:#bdbdbd;padding:1rem;border-radius:10px;line-height:3rem;text-align:center;margin:1rem 0}.dashboard-links a:hover{color:#222;background-color:#cfcfcf}.dashboard-links a .dashboard-link-icons{display:block}#login{justify-content:center;height:70vh}#login,form#login-form{display:flex;flex-direction:column;align-items:center}form#login-form{justify-content:space-around;height:17rem}form#login-form section{display:flex}#login-background{box-shadow:0 0 10px #adadad;padding:1rem 2.5rem;border-radius:1em}label.login-label{font-size:1em;padding-top:20px;padding-right:20px}form#login-form section input{font-size:1.2em;padding:1.2rem .5rem .2rem;outline:none;border:none;border-bottom:2px solid #dadada;order:2}label.login-label:after{content:"";margin-top:1.55rem;width:14rem;display:inline-block;border-bottom:2px solid #4eb5f1;transform:translateX(-100%);position:absolute;opacity:0;transition:all .3s ease}form#login-form section input:focus+label.login-label:after{transform:translateX(9%);opacity:1}form#login-form input[type=submit]{align-self:flex-start;background-color:#4eb5f1;border:none;border-radius:20px;padding:.3em 1em;color:#fff;font-size:1.2em;outline:none;border-radius:0 0 10px #adadad;cursor:pointer}.login-error{color:#d8000c;background-color:#ffd2d2;width:100%;text-align:center;border-radius:5px;padding:.1rem .5rem}main.new{margin-top:-100vh}.new-post-form,main.new{display:flex;flex-direction:column;align-items:center}fieldset.new-post-field{border:none;display:flex;flex-direction:column}#new-post-title{border-radius:5px;border:2px solid #adadad;font-size:2em}#new-post-content{width:50rem}.new-form-button{display:inline-block;padding:.3em 1.2em;margin:0 .3em .3em 0;border-radius:2em;border:none;box-sizing:border-box;text-decoration:none;font-weight:300;color:#fff;background-color:#4eb5f1;text-align:center;transition:all .2s;cursor:pointer}.new-form-button:hover{background-color:#4095c6}@media (max-width:30em){.new-form-button{display:block;margin:.2em auto}}input[type=file]#new-post-image{margin:1rem .5rem}fieldset.new-post-field label{font-size:1.5em}#upload-image{height:10rem;width:15rem;padding:.5rem;margin:.5rem;box-shadow:0 0 10px #adadad;border-radius:5px}section#show-post{transition:all 1s ease-in-out;overflow:hidden;box-shadow:inset 0 0 10px #969696}section#show-post.hidden{height:0}section#show-post.shown{overflow-y:scroll;height:35rem;padding:2rem 5rem}section#show-post article{display:flex;flex-direction:column;align-items:center}#show-time{align-self:flex-start;color:#888;text-transform:uppercase;letter-spacing:1px}#show-title{text-align:center}#show-content{max-width:70rem}img#show-card-image{border-radius:5px;height:30rem;width:50rem}ul.post-info{width:80vw;border-top:2px solid #7a7a7a;flex-wrap:wrap}ul.post-info,ul.post-info-head{list-style:none;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-top:1rem}ul.post-info-head{width:40vw;margin-left:-1.5rem}ul.post-info li{flex:3 1}ul.post-info img.inline-img{height:3rem;width:5rem}#show-card{flex:1 0 100%;width:90vw}#show-more-button{flex:2 1;text-align:center}#show-more-button:hover{color:#cfcfcf;cursor:pointer}ul.post-info li.show-buttons{display:inline-block;padding:.3em 1.2em;margin:0 .3em .3em 0;height:2rem;border-radius:2em;border:none;box-sizing:border-box;text-decoration:none;font-weight:300;color:#fff;text-align:center;transition:all .2s;cursor:pointer;flex:1 1}#edit-button{background-color:#fad348}#edit-button a{color:#fff;text-decoration:none}#edit-button:hover{background-color:#ffe37d}#delete-button{background-color:#bd0000}#delete-button:hover{background-color:#ff4a4a}main.edit,main.show{margin-top:-100vh}.edit-post-form,main.edit,main.show{display:flex;flex-direction:column;align-items:center}fieldset.edit-post-field{border:none;display:flex;flex-direction:column}#edit-post-content{width:50rem}#edit-post-title{border-radius:5px;border:2px solid #adadad;font-size:2em}.edit-form-button{display:inline-block;padding:.3em 1.2em;margin:0 .3em .3em 0;border-radius:2em;border:none;box-sizing:border-box;text-decoration:none;font-weight:300;color:#fff;background-color:#4eb5f1;text-align:center;transition:all .2s;cursor:pointer}.edit-form-button:hover{background-color:#4095c6}fieldset.edit-post-field label{font-size:1.5em}#edit-upload-image{height:10rem;width:15rem;padding:.5rem;margin:.5rem;box-shadow:0 0 10px #adadad;border-radius:5px}li.user-card{margin:0 3rem;border-radius:5px;box-shadow:0 0 10px #dadada;height:20rem;padding:1rem}img.user-card-image{max-height:70%;border-radius:5px}p.user-card-status{color:#8b8b8b}main.users{display:flex;flex-direction:column;align-items:center;margin-top:-100vh}ul.user-card-list{display:flex;flex-direction:row;justify-content:space-between;list-style:none;padding-left:0;padding-bottom:5rem;border-bottom:2px solid #adadad}button.new-user-button{display:inline-block;padding:.3em 1.2em;margin:0 .3em .3em 0;border-radius:2em;border:none;box-sizing:border-box;text-decoration:none;font-weight:300;color:#fff;background-color:#4eb5f1;text-align:center;transition:all .2s;font-size:2em;cursor:pointer}button.new-user-button:hover{background-color:#4095c6}#new-user-button-text{margin-right:.5rem}main.new-user{display:flex;justify-content:center;margin-top:-100vh;flex-direction:column;align-items:center}.new-user-form{padding:1.5rem 2rem;border-radius:2em;box-shadow:0 0 10px #bebebe;position:absolute;top:20%}fieldset.new-user-field{border:none;width:100%;margin:1rem 0}fieldset.new-user-field input{font-size:1.2em;border:none;border-bottom:2px solid #adadad;float:right;width:10rem;margin-right:2rem;outline:none;z-index:1}select.new-user-permissions{border:1px solid #adadad;border-radius:5px;font-size:1em;padding:.1rem .3rem;float:right;margin-right:5rem;outline:none}.new-user-field label:after{content:"";margin-top:1.5rem;width:11rem;display:inline-block;border-bottom:2px solid #4eb5f1;transform:translateX(-100%);position:absolute;opacity:0;transition:all .3s ease}.new-user-field input:focus+label[for=new-user-email]:after{transform:translateX(30%)}.new-user-field input:focus+label:after{transform:translateX(14%);opacity:1}.new-user-field .new-user-submit{padding:.3em 1.2em;margin:0 30%;border-radius:2em;border:none;text-decoration:none;color:#fff;background-color:#4eb5f1;transition:all .2s;font-size:1em;cursor:pointer}.new-user-submit:hover{background-color:#4095c6}.create-new-user h1{text-align:center;margin-top:2rem}.create-new-user h3{text-align:center;font-weight:400}.create-user-form{display:flex;flex-direction:column;align-items:center;position:absolute;top:30%;left:37%;box-shadow:0 0 10px #adadad;border-radius:2em;padding:1rem 3rem 0}.create-user-form .form-group{display:flex;flex-direction:column;margin:1rem 0}#new-user-image{max-width:12rem;padding:.5rem 0 0;border-radius:5px;margin:0 auto}
/*# sourceMappingURL=main.4189dcf9.chunk.css.map */