@import url(https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--body-background:#fafafa;--nav-background:#fff;--box-shadow:rgba(0,0,0,.1) 0 0 10px;--menu-background:#fff;--input-background:#e4e4e4;--input-border:var(--logo);--errorRed:#d93025;--logo:#80a7fc;--gray:#71767b;--text:#000}.darkTheme{--body-background:#0e0e10;--nav-background:#18181b;--box-shadow:rgba(0,0,0,.75) 0 0 10px;--menu-background:#1f1f23;--input-background:#4b4b4e;--text:#fff}.toggleContainer{align-items:center;display:flex;justify-content:center;padding:.5em}.toggleContainer label{cursor:pointer;margin:0 .5em}.slider{border:1px solid #71767b;border:1px solid var(--gray);border-radius:2em;cursor:pointer;height:1.4em;position:relative;width:2.5em}.slider:before{background:#000;background:var(--text);border-radius:50%;content:"";height:1em;left:2px;position:absolute;top:2px;transition:.3s;width:1em}#toggle{display:none}#toggle:checked+.slider:before{-webkit-transform:translateX(1.1em);transform:translateX(1.1em)}.popup{overflow:hidden}body{background:#fafafa;background:var(--body-background);color:#000;color:var(--text);font-family:Inter;text-align:center}h1{font-size:2em;padding:.5em}main{align-items:center;display:flex;justify-content:center;margin-top:5.5em;padding:1em 0;position:relative}form p{font-size:13px}.center{align-items:flex-start;background:rgba(0,0,0,.75);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:4}.center,.center form{display:flex;justify-content:center}.center form{align-items:center;background:#fff;background:var(--nav-background);border-radius:.5em;flex-direction:column;margin-bottom:auto;margin-top:auto;padding:1.5em;position:relative;width:425px}.closeContainer{position:absolute;right:1em;top:1em}.close{background:transparent;border-radius:.4em;padding:1.25em;position:relative}.close:hover{background:#e4e4e4;background:var(--input-background)}.close:after,.close:before{background:#000;background:var(--text);content:"";height:2px;left:.65em;position:absolute;top:1.2em;width:15px}.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}label[for=nickname],label[for=password],label[for=username]{font-size:1em;margin-bottom:.3em;margin-top:1.5em}input[type=password],input[type=text]{background:#e4e4e4;background:var(--input-background);border:none;border-radius:.25em;color:#000;color:var(--text);font-size:20px;height:2em;padding:.5em;width:100%}input[type=password]:focus,input[type=text]:focus{background:#fafafa;background:var(--body-background);border:2px solid #80a7fc;border:2px solid var(--input-border);outline:none}.red{--input-border:var(--errorRed)}#password{padding-right:3.5em}.passwordContainer{position:relative;width:100%}.passwordToggle{background:transparent;color:#000;color:var(--text);font-size:1em;padding:.5em .7em;position:absolute;right:.1em;top:.1em}input[type=submit]{background:#80a7fc;background:var(--logo);border:none;border-radius:.3em;color:#fff;cursor:pointer;font-family:Inter;font-size:1em;margin:1.25em 0;padding:10px 13px}input[type=submit]:hover{background:#5e91ff}input[type=submit]:active{background:#407cff}.link{color:#80a7fc;color:var(--logo);cursor:pointer;text-decoration:none}.link:hover{text-decoration:underline}.underline{text-decoration:none}img{max-width:90vw}.loginError{background:rgba(217,49,37,.1);border:1px solid #d93025;border:1px solid var(--errorRed);padding:1em}.loginError,.signupError{color:#d93025;color:var(--errorRed)}.signupError{padding:.5em .5em 0;text-align:start;width:100%}.hidden{opacity:0;pointer-events:none;position:absolute}nav ul{background:#fff;background:var(--nav-background);box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:var(--box-shadow);justify-content:space-between;left:0;padding:1em;position:fixed;right:0;top:0;z-index:3}li,nav ul{align-items:center;display:flex}li{justify-content:center;list-style:none}.navLogo{color:#80a7fc;color:var(--logo);cursor:pointer;font-family:Pathway Gothic One,sans-serif;font-size:3em;font-weight:bolder;position:relative;text-decoration:none;text-shadow:1px 1px 1px #80a7fc;text-shadow:1px 1px 1px var(--logo);text-transform:uppercase}.navLogo:before{background:#80a7fc;background:var(--logo);bottom:-17px;content:"";height:2px;left:0;position:absolute;transition:.5s;width:0}.navLogo:hover:before{width:100%}.navButton{background:transparent;border:1px solid #e4e4e4;border:1px solid var(--input-background);border-radius:2em;color:#80a7fc;color:var(--logo);font-size:1em;margin-right:.5em;padding:1em 1.5em}.navButton:hover{background:#e4e4e4;background:var(--input-background)}.navIcon{background:#80a7fc;background:var(--logo);border-radius:50%;height:3em;width:3em}.icon{font-size:1.25em;margin-right:.5em}button{align-items:center;border:none;cursor:pointer;display:flex;font-family:Inter;justify-content:center}.menu{background:#fff;background:var(--menu-background);border-radius:.4em;box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:var(--box-shadow);min-width:200px;opacity:0;padding:.5em;pointer-events:none;position:fixed;right:1em;top:6.5em;z-index:4}.menu.active{opacity:1;pointer-events:auto}.menu button{background:transparent;border-radius:.4em;color:#000;color:var(--text);font-size:1em;padding:.5em;width:100%}.menu button:hover{background:#e4e4e4;background:var(--input-background)}.back{border-radius:50%;cursor:pointer;display:flex;font-size:2em;margin:.25em;padding:.2em}.back,.create{color:#000;color:var(--text)}.create{background:transparent;border:1px solid #71767b;border:1px solid var(--gray);border-radius:2em;margin:auto auto 1em;padding:1em 1.5em}.margin{margin:1em 0}.width{width:550px}.box{border:1px solid #71767b;border:1px solid var(--gray);margin-bottom:-1px;position:relative;width:100%}@media (max-width:550px){.box{border-left:none;border-right:none}main{padding:0}.navButton{opacity:0;pointer-events:none;position:absolute}}.box p{color:#000;color:var(--text);font-size:1em}form.box{background:#fff;background:var(--nav-background);padding:1em}.box input{margin:0}textarea{background:#e4e4e4;background:var(--input-background);border:2px solid transparent;color:#000;color:var(--text);font-family:Inter;font-size:1em;height:5em;margin:.75em 0;padding:.5em;resize:none;width:100%}textarea:focus{border:2px solid #80a7fc;border:2px solid var(--input-border);outline:none}.name{align-items:center;display:flex;left:0;margin:1em;position:absolute;top:0}.name p:first-child:hover{text-decoration:underline}.name p:nth-child(2),.name p:nth-child(3){color:#71767b;color:var(--gray);margin-left:.3em}.dots{border-radius:50%;cursor:pointer;font-size:2em;margin:.3em;padding:.25em;position:absolute;right:0;top:0}.dotsContainer{background:#fff;background:var(--menu-background);border-radius:.4em;box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:var(--box-shadow);padding:.5em;position:absolute;right:.5em;top:2.5em;width:100px;z-index:2}.dotsContainer button{background:transparent;border-radius:.4em;padding:.5em;width:100%}.dotsContainer button:hover{background:#e4e4e4;background:var(--input-background)}.edit{color:#000;color:var(--text)}.delete{color:#d93025;color:var(--errorRed)}.comment p,.post p{overflow-wrap:anywhere;padding:3em 1em;text-align:start}.comment p{padding-bottom:1em}.reply{align-items:center;background:transparent;border-radius:.3em;bottom:0;color:#71767b;color:var(--gray);display:flex;justify-content:space-between;margin:.5em;padding:.5em;position:absolute;right:0;transition:.2s;width:5.25em}.back:hover,.create:hover,.dots:hover,.reply:hover{background:hsla(210,4%,46%,.25)}@media (max-width:500px){.center form{left:0;width:100vw}.center form,.menu{border-radius:0;bottom:0;position:fixed;right:0;top:0}.menu.active+.shadow{background:rgba(0,0,0,.75);top:0;z-index:3}.dotsContainer,.menu.active+.shadow{bottom:0;left:0;position:fixed;right:0}.dotsContainer{border-radius:0;top:auto;width:100vw;z-index:4}.dotsContainer button{font-size:1em}.dotsContainer+.shadow{background:rgba(0,0,0,.75);bottom:0;left:0;position:fixed;right:0;top:0;z-index:3}}
/*# sourceMappingURL=main.56390e02.css.map*/