@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=Lora&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;font-family:Lora,serif;font-family:DM Sans,sans-serif;margin:0;padding:0}:root{--background-color:#d3a3e9;--bl-color1-faded:#b290fc;--bl-color1:#6c33a3;--bl-color2:#ececec;--bl-color3:#f1fa8c;--bl-color4:#ff79c6;--bl-color5:#ffb86c;--bl-color6:#f99393;--bl-color7:#ececec;--bl-color-faded:#605c7b;--font-lrg:1.2rem;--font-xlrg:1.5rem;--font-reg:1rem;--font-small:0.85rem;--font-xsmall:0.7rem}body{align-items:center;background-color:#6c33a3;background-color:var(--bl-color1);display:flex;flex-direction:row;justify-content:center}#root{align-items:center;height:100vh;justify-content:space-between;max-width:992px}#root,nav{background-color:#fff;display:flex;flex-direction:column}nav{box-shadow:0 0 2px #0003;margin-left:auto;margin-right:auto;position:sticky;position:-webkit-sticky;top:0;width:992px;z-index:100}.logo{cursor:pointer;display:flex;flex-direction:row}.logo img{height:4rem;left:0;margin-left:2rem;margin-top:.5rem;width:auto}.quotes{color:#6c33a3;color:var(--bl-color1);font-size:1.8rem}footer{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-size:.85rem;font-size:var(--font-small);justify-content:flex-end;width:100%}.copyright{background-color:#b290fc;background-color:var(--bl-color1-faded);height:2rem;line-height:2rem;text-align:center;width:100%}.rotate-in-2-ccw{animation:rotate-in-2-ccw .5s cubic-bezier(.25,.46,.45,.94) .5s both}@keyframes rotate-in-2-ccw{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:rotate(0)}}.scale-in-hor-left{animation:scale-in-hor-left .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-hor-left{0%{opacity:1;transform:scaleX(0);transform-origin:0 0}to{opacity:1;transform:scaleX(1);transform-origin:0 0}}.comment{align-items:left;display:flex;flex-direction:column;justify-content:center}.upvote-btn{font-size:var(--font-lg)}.user-info{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:left}.avatar{border:2px solid var(--bl-color1-faded);border-radius:1rem;font-size:1.4rem;height:2rem;padding-top:3px;text-align:center;width:2rem}.user-name{color:#000;font-weight:700}.comment-date,.user-name{font-size:var(--font-xsmall)}.comment-date{color:gray}.comment-reply{border-left:2px solid var(--bl-color1-faded);display:flex;flex-direction:column;justify-content:center;margin-left:1rem;padding-left:1.5rem}.btn{color:gray;cursor:pointer;font-size:var(--font-small);gap:.3rem;height:2rem;justify-content:left;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.btn:hover{color:var(--bl-color1);transition:.2s ease-in}text,textarea{border:2px solid var(--bl-color1-faded);border-radius:3px;outline:none;padding:.5rem;resize:none;width:100%}.post-card textarea{height:6rem}text:focus,textarea:focus{border:2px solid var(--bl-color1-faded)!important;box-shadow:0 0 2px var(--bl-color1)!important;outline:none}.comment .comment{transform:translateX(-.75rem);width:calc(100% + .75rem)}.comment-form{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.form-btn{background-color:var(--bl-color1-faded);border:none;border-radius:3px;box-shadow:0 0 4px #0003;cursor:pointer;margin-bottom:.5rem;padding:.4rem;width:5.6rem}.post-card .form-btn{align-self:flex-end}.form-btn:hover{box-shadow:0 0 2px var(--bl-color1)}.comment-body,.posts-body{align-items:flex-start;background-color:#fff;display:flex;flex-direction:row;gap:2rem;margin-left:auto;margin-right:auto;width:992px}.comment-body{margin-bottom:2rem;padding:0 2rem}.posts-body{padding:2rem}.comment-hero,.posts-body{flex-grow:1}.posts{justify-content:center;width:70%}.all-posts,.posts{display:flex;flex-direction:column;gap:2rem}.post-btn{float:right}textarea[name=postTitle]{height:2.5rem}textarea[name=postText]{height:5rem}@media screen and (max-width:992px){#root,.comment-body,.comment-hero,.posts,.posts-body,nav{width:100%!important}.comment-hero,.posts-body{gap:0!important;justify-content:space-evenly}.comment-body{padding:0 2rem!important}.btn-container,.posts:not(.post-titles .posts){width:60%!important}.btn-container{padding:.5rem!important}textarea[name=comment]{width:auto}.post-card form button{float:none}}@media screen and (max-width:688px){.btn-container,.posts:not(.post-titles .posts){width:100%!important}.btn-container{margin-left:0!important;padding:.5rem 2rem!important}.user-and-recents{display:none!important}.comment,.post-card{width:100%}.post{padding:1.5rem}}@media screen and (max-width:405px){.btn-container,.posts{width:100%!important}.posts-body{padding:1rem!important}.comment-body{padding:0 1rem 1rem!important}.btn-container{margin-left:0!important;padding:.5rem 1rem!important}.user-options{gap:1rem!important}}.post-card{border-radius:5px;box-shadow:0 0 4px var(--bl-color1-faded);display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;padding:1rem;transition:.2s ease-in}.posts-body .post-card{cursor:pointer}.posts-body .post-card:hover{box-shadow:0 0 2px 2px var(--bl-color1-faded)!important}.upvote-downvote{-webkit-touch-callout:none;color:gray;font-size:var(--font-lrg);-webkit-user-select:none;user-select:none}.vote-count{font-size:var(--font-small);font-weight:700;text-align:center}.downvote-btn,.upvote-btn{cursor:pointer}.downvote-btn:hover,.upvote-btn:hover{color:var(--bl-color1)}.downvote-btn{margin-top:3px}.user-info{color:gray;font-size:var(--font-xsmall)}.bold{color:var(--bl-color1);font-weight:700}.user-and-post{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;justify-content:space-around}.post-title{color:var(--bl-color1);font-size:var(--font-lrg);font-weight:700}.post-text{line-height:1.4rem}.user-options{color:grey;flex-wrap:wrap;font-size:var(--font-small);gap:2rem;margin-top:.5rem}.btn,.user-options{align-items:center;display:flex;flex-direction:row}.btn{gap:.2rem;justify-content:center}.icon svg{margin-right:.2rem;transform:scale(1.5)}.user-and-recents{gap:2rem;position:sticky;position:-webkit-sticky;top:6rem;width:30%}.user,.user-and-recents{align-items:center;display:flex;flex-direction:column}.user{border-radius:5px;box-shadow:0 0 4px var(--bl-color1-faded);gap:.5rem;justify-content:flex-start;min-height:15.2rem;overflow:hidden}.banner-user{width:100%}.banner-user img{height:3rem;width:100%}.avatar-user{align-items:flex-end;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;padding:0 1rem;transform:translateY(-40%)}.avatar-user .avatar{background-color:#fff;border-radius:1.5rem;font-size:2.5rem;height:3rem;overflow:hidden;width:3rem;z-index:-100}.user-bio{border-top:1px solid var(--bl-color1-faded);margin:0 1rem;padding-top:1rem}.recent-posts{border-radius:5px;box-shadow:0 0 4px var(--bl-color1-faded);flex-direction:column;justify-content:flex-start;min-height:15.2rem;overflow:hidden}.recent-banner,.recent-posts{align-items:center;display:flex;width:100%}.recent-banner{background-color:var(--bl-color1);background-image:linear-gradient(316deg,#6c33a3,#8241b8 74%);color:#fff;font-size:var(--font-normal);font-weight:700;height:3rem;justify-content:center;text-align:center}.post-titles{cursor:pointer;display:flex;flex-direction:column;padding:0 1rem 1rem;width:100%}.post-titles:hover .posts:hover .post-info{text-decoration:underline}.recent-posts .posts{align-items:flex-start;border-bottom:1px solid var(--bl-color1-faded);display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0;width:100%}.post-info,.user .user-name{color:var(--bl-color1);font-size:var(--font-normal)}.post-info{font-weight:700}.posted-by{color:gray;font-size:var(--font-xsmall)}.comment-hero{background-color:#fff;flex-grow:1}.btn-container{padding:.5rem 2.2rem;width:70%}.btn-container .btn{color:#000;float:right}
/*# sourceMappingURL=main.a98d535b.css.map*/