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}:root{--black:#121212;--light-black:#1a1a1a;--dark-grey:#242424;--medium-grey:#363636;--light-grey:grey;--white:#fff;--dark-white:#ccc;--purple:#bb86fc;--cyan:#03fac6;--red:#cf6679}html{background-color:#121212;background-color:var(--black)}.App{color:#fff;color:var(--white)}.App a{color:#bb86fc;color:var(--purple)}.App a:hover{color:#03fac6;color:var(--cyan)}.App h1{font-size:2rem}.App h2,.App h3 a{color:#bb86fc;color:var(--purple)}.App .container{max-width:800px;margin:0 auto}.App .email-input,.password-input{width:25vw}.App-header{background:#242424;background:var(--dark-grey);color:#fff;color:var(--white);font-size:calc(10px + 1vmin);padding:15px;position:fixed;top:0;width:97vw;min-height:10vh;display:grid;grid-template-columns:1fr 1fr 1far;grid-template-areas:"nav . user";z-index:10}.App-header a{color:#bb86fc;color:var(--purple);font-weight:400}.App-header a:hover{color:#03fac6;color:var(--cyan)}.App-header ul{padding:0;grid-area:nav;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start}.App-header li{list-style:none;padding:1rem;font-weight:700}.App-header li:first-child{padding-left:0}.App-header div{grid-area:user;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;color:grey;color:var(--light-grey)}.App-message{display:block;position:absolute;background-color:#03fac6;background-color:var(--cyan);color:#121212;color:var(--black);padding:2rem 1rem;z-index:100!important;width:100vw;text-align:center}.App-message.deleted,.App-message.logout{background:#cf6679;background:var(--red)}.App article{position:relative;top:15vh}.App article ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:0;padding:0}.App article ul li{list-style:none;border:solid #242424;border:solid var(--dark-grey);border-radius:6px;margin:10px;padding:5px 5px 5px 15px;-webkit-align-content:center;align-content:center;background:#242424;background:var(--dark-grey)}.App article ul li.logged-in{background-color:#363636;background-color:var(--medium-grey)}.App article ul li p.not-author-preview{font-size:.8em;margin-left:3em;margin-right:3em;padding:1em;color:grey;color:var(--light-grey);background-color:#1a1a1a;background-color:var(--light-black);border-radius:4px}.App article ul a.see-more{font-size:2em;text-decoration:none}.App article ul li p.author-preview{font-size:.8em;margin-left:3em;margin-right:3em;padding:1em;color:#ccc;color:var(--dark-white);background-color:#242424;background-color:var(--dark-grey);border-radius:4px}.App article h3{font-size:calc(14px + 2vmin)}.App-link{color:#bb86fc;color:var(--purple)}.App-link:hover{color:#03fac6;color:var(--cyan)}.App form{padding:7rem}.App form input{border:1px solid #fff;border:1px solid var(--white);border-radius:6px;padding:.3rem;background-color:#242424!important;background-color:var(--dark-grey)!important;color:#fff;color:var(--white)}.App form label{display:block;padding:.5rem 0}.App form input#form-title{min-width:calc(100% - 20px);padding:10px;font-size:1rem;background-color:#242424!important;background-color:var(--dark-grey)!important}.App form .ql-editor{min-height:4rem;border-radius:6px!important;background-color:#242424;background-color:var(--dark-grey)}.ql-toolbar .ql-stroke{fill:none;stroke:#bb86fc;stroke:var(--purple)}.ql-toolbar .ql-fill{fill:#bb86fc;fill:var(--purple);stroke:none}.ql-toolbar .ql-picker{color:#bb86fc;color:var(--purple)}.App form button[type=submit]{border:1px solid #121212;border:1px solid var(--black);border-radius:6px;background:#bb86fc;background:var(--purple);color:#121212;color:var(--black);font-size:1rem;padding:.5rem 1rem}.App form button[type=submit]:hover{cursor:pointer;background-color:#03fac6;background-color:var(--cyan)}.App form a{border:1px solid #121212;border:1px solid var(--black);border-radius:6px;background:#bb86fc;background:var(--purple);text-decoration:none;font-size:1rem;padding:.5rem 1rem;margin-left:20px}.App form a,.App form a:hover{color:#121212;color:var(--black)}.App form a:hover{cursor:pointer;background-color:#cf6679;background-color:var(--red)}.App button.linkLike{border:none;font-size:inherit;color:#bb86fc;color:var(--purple);background:none;text-decoration:underline}.App button.linkLike:hover{cursor:pointer;color:#03fac6;color:var(--cyan)}.App p.share-msg{color:grey;color:var(--light-grey)}.react-sharing-button__link{display:inline-block;text-decoration:none;color:#121212;color:var(--black);background-color:#bb86fc;background-color:var(--purple);margin:.5em;border:1.7px solid #121212;border:1.7px solid var(--black);border-radius:5px;transition:50ms ease-out;padding:.5em .75em;line-height:1.2em}.react-sharing-button__icon{stroke-width:0;width:1.2em;height:1.2em;line-height:1.2em;vertical-align:bottom}.react-sharing-button__text{padding-left:.4em;line-height:1.2em;color:#121212;color:var(--black)}.react-sharing-button--email{background-color:#bb86fc;background-color:var(--purple)}.react-sharing-button--email:hover{background-color:#03fac6;background-color:var(--cyan)}.react-sharing-button--facebook{background-color:#bb86fc;background-color:var(--purple)}.react-sharing-button--facebook:hover{background-color:#03fac6;background-color:var(--cyan)}.react-sharing-button--pinterest{background-color:#bb86fc;background-color:var(--purple)}.react-sharing-button--pinterest:hover{background-color:#03fac6;background-color:var(--cyan)}.react-sharing-button--reddit{background-color:#bb86fc;background-color:var(--purple)}.react-sharing-button--reddit:hover{background-color:#03fac6;background-color:var(--cyan)}.react-sharing-button--twitter{background-color:#bb86fc;background-color:var(--purple)}.react-sharing-button--twitter:hover{background-color:#03fac6;background-color:var(--cyan)}@media (max-width:1600px){.App form{padding-top:8rem}.App .login-container{position:fixed;left:3em;top:3em;font-size:1.5rem}.App-header{padding-top:1em;padding-right:5em;position:fixed;width:95vw}.App .posts-container{width:70vw;margin:auto}.App .post-container{width:80vw;padding-left:7.5em}}@media (max-width:1200px){.App-header{padding-left:1em;padding-top:2.1em;padding-bottom:0}.App .login-container{position:fixed;left:2em;top:0}.App .posts-container{width:80vw}.App .post-container{width:80vw;padding-left:5em}.App form{padding-top:15em}.App-messages{padding-top:10em}}@media (max-width:768px){.App .posts-container{margin:auto}.App .post-container{padding-left:4rem;padding-right:3rem}.App form{padding-top:10rem}}@media (max-width:480px){.App-header{font-size:12px}.App .login-container{width:90vw;height:auto;padding-left:2em;padding-top:10em;font-size:14px}.App article ul{display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:0;padding:0}.App .post-container{padding-left:3em;padding-bottom:0;margin-bottom:0}.react-sharing-button__icon{width:1em;height:1em;line-height:1em}.react-sharing-button__text{padding-left:.4em;line-height:1.2em;color:#121212;color:var(--black)}.App .buttons-div{padding-bottom:2em;padding-top:0;margin-top:0}.App form{padding-left:1.2em;padding-right:1.2em;padding-top:7em}}@media (max-width:380px){.App-header{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"nav . user";-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-left:3em}.App .post-container{padding-left:2em}}
/*# sourceMappingURL=main.da8dc387.chunk.css.map */