@font-face{font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Bold-jyvrGZHO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Futura;src:url(/assets/FuturaCyrillicMedium-ClZ-8Lay.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:LeagueSpartan,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--secondary-color);background-color:var(--primary-color);--primary-color: white ;--secondary-color: #242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}[data-theme=dark]{--primary-color: #242424;--secondary-color: white}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:100vw;margin:0 auto;overflow-x:hidden}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.app{width:100%;height:100%}.main{display:flex;flex-direction:row;border:3px var(--secondary-color) solid;border-bottom:none;width:100%;min-height:calc(100vh - 80px);height:auto;min-width:800px;padding-bottom:1em}.navbar{border:3px var(--secondary-color) solid;border-bottom:3px var(--secondary-color) solid;background-color:var(--primary-color);width:100%;height:80px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3em}.navbar-title{font-size:2em;color:var(--secondary-color)}.navbar-buttons{display:flex;flex-direction:row;gap:20px}.button,.create-post-submit,.login-submit,.signup-submit,.edit-post-submit,.delete-post-submit,.signout-button{border-radius:8px;padding:.6em 1.2em;font-size:1.2em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);cursor:pointer;border:1px solid var(--secondary-color);color:var(--primary-color);box-shadow:0 2px 8px #00000026;transition:all .25s ease}.button:hover,.create-post-submit:hover,.login-submit:hover,.signup-submit:hover,.edit-post-submit:hover,.signout-button:hover{transform:scale(1.05)}.delete-post-submit:hover{background-color:red}.navbar-loggedin{display:flex;flex-direction:row;align-items:center;gap:50px}.search-bar{display:flex;align-items:center;width:100%;max-width:400px;background:var(--primary-color);border-radius:25px;padding:8px 15px;border:1px solid #ccc;transition:all .3s ease;color:var(--secondary-color);font-family:Futura}.search-bar:focus-within{border-color:var(--secondary-color);box-shadow:0 0 5px #00000026}.search-bar input{border:none;background:transparent;outline:none;flex:1;font-size:1em;font-family:Futura;padding:6px}.search-bar input::placeholder{color:#aaa}.navbar-user{display:flex;flex-direction:row;align-items:center;gap:10px;transition:all .25s ease}.navbar-user:hover{transform:scale(1.05)}.navbar-username{font-family:Futura;font-size:1.2em;color:var(--secondary-color)}.blob-body{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blob-eye{display:flex;flex-direction:row;align-items:center}.blob-pupil{border-radius:50%}.sidebar{border-right:3px var(--secondary-color) solid;border-bottom:3px var(--secondary-color) solid;width:300px;min-width:300px;display:flex;flex-direction:column;padding:1.2em;gap:1.2em}.lightmode-button{background:none;border:none;font-size:1.5rem;padding:.5rem .75rem;border-radius:20px;cursor:pointer;color:var(--primary-color);background-color:var(--secondary-color);box-shadow:0 2px 8px #00000026;transition:all .25s ease;margin:.5rem}.lightmode-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.lightmode-button:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.sidebutton{height:60px;display:flex;flex-direction:row;align-items:center;gap:.5em;box-shadow:0 2px 8px #00000026;transition:all .25s ease}.sidebutton{border:2px var(--secondary-color) solid;width:auto;border-radius:10px;padding:0 1.2em}.sidebutton:hover{transform:scale(1.05)}.sidebutton-icon{object-fit:cover;height:30px}.sidebutton-text{margin-bottom:15px;font-size:1.2em;color:var(--secondary-color)}a:link,a:visited,a:hover,a:active{text-decoration:none}.login{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{font-size:2em}.login-box{border:3px var(--secondary-color) solid;height:auto;width:auto;border-radius:20px;display:flex;flex-direction:column;padding:1em 2em}.login-form{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-bottom:2em}.login-form>input{padding:0 1em;font-family:Futura;width:25em;height:3em;border-radius:15px}.login-desc,.login-desc>p{font-family:Futura;color:var(--secondary-color)}.signup-page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-title{font-size:2em;margin-bottom:0}.signup-box{border:3px var(--secondary-color) solid;height:auto;width:50em;border-radius:20px;display:flex;flex-direction:column;padding:1em 2em}.signup-form{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-bottom:2em}.signup-form>input{padding:0 1em;font-family:Futura;width:25em;height:3em;border-radius:15px}.signup-subhead{margin-bottom:0}.blob-body.signup,.blob-body.profileblob{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blob-eye.signup,.blob-eye.profileblob{display:flex;flex-direction:row;align-items:center;height:20px;width:20px;border-radius:50%}.blob-pupil.signup,.blob-pupil.profileblob{height:15px;width:15px;border-radius:50%}.create-content.signup{display:flex;flex-direction:row}.create-preview.signup{height:100%;width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.create-characteristics.signup{width:40%;display:flex;flex-direction:column;justify-content:center;display:grid;grid-template-columns:1fr 2fr;grid-auto-rows:40px;gap:0px 24px;align-items:center;margin:auto;width:80%}.characteristic.signup{display:contents}.characteristic.signup>input{font-family:Futura}.characteristic-label.signup{font-family:Futura,sans-serif;font-size:20px}.randomize-button{border-radius:8px;padding:.3em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);cursor:pointer;transition:border-color .25s;border:1px solid var(--secondary-color)}.randomize-button:hover{background-color:#2f2f2f}.create-post{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.create-post-header{font-size:2em;width:80%}.create-post-box{border:3px var(--secondary-color) solid;height:auto;width:80%;border-radius:20px;display:flex;flex-direction:column;padding:2em}.create-post-form{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-bottom:2em}.create-post-form>input[type=text]{width:25em;border:none;background:transparent;padding:0;margin:0;color:inherit;outline:none;width:auto}.create-post-title{font-family:LeagueSpartan;font-size:2em;height:1.5em}.create-post-body{font-family:Futura;font-size:1em;height:6em;max-height:7em;border:none;background:transparent;padding:0;margin:0;color:inherit;outline:none;resize:none;overflow:hidden}.create-post-body:focus{outline:none;border-bottom:1px solid currentColor}.create-post-form>input[type=text]:focus{outline:none;border-bottom:1px solid currentColor}.add-image{border:2px solid var(--secondary-color);border-radius:20px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#eaeaea}.loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-bubbles{position:absolute;top:40%;left:50%;height:250px;width:250px;box-sizing:border-box}.loading-bubbles *{position:absolute;box-sizing:border-box}.bubble{height:50px;width:50px;border-radius:50%;transform-origin:50% 50%;background-color:var(--secondary-color);animation:bubbles 2s infinite ease-in-out}.bubble.one{top:6%;left:20%;animation-delay:.33s}.bubble.two{top:6%;right:20%;animation-delay:.66s}.bubble.three{top:40%;right:0%;animation-delay:1s}.bubble.four{bottom:6%;right:20%;animation-delay:1.33s}.bubble.five{bottom:6%;left:20%;animation-delay:1.66s}.bubble.six{top:40%;left:0%;animation-delay:2s}.circle-guide{width:100%;height:100%;border-radius:50%;animation-delay:2s}@keyframes bubbles{0%{opacity:1}25%{scale:1}50%{opacity:.5;scale:.8}75%{scale:1}to{opacity:1}}.feed{padding:2em 5%;width:100%;display:flex;flex-direction:column;gap:20px}.sortedBy{display:flex;flex-direction:row;gap:.8em;align-items:center}.sortFilter{border:1px var(--secondary-color) solid;border-radius:15px;padding:.3em .5em;background-color:var(--secondary-color);color:var(--primary-color);font-family:Futura;box-shadow:0 2px 8px #00000026;transition:all .25s ease}.sortFilter:hover{transform:scale(1.1);cursor:pointer}.sortFilter-text{margin:0;text-align:center}.feedpost-box{border:5px solid var(--secondary-color);width:100%;height:auto;border-radius:20px;color:var(--secondary-color);box-shadow:0 2px 8px #00000026;transition:all .25s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.feedpost-box:hover{cursor:pointer}.feedpost-inner{width:100%;padding:.5em 1.5em}.feedpost-box:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}.feedpost-header{font-family:Futura;font-size:15px}.feedpost-title{font-size:30px;font-family:LeagueSpartan;margin-top:10px;margin-bottom:0}.feedpost-body{margin:5px 0;font-family:Futura}.feedpost-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.feedpost-votes{display:flex;flex-direction:row;align-items:center;gap:10px}.feedpost-vote{object-fit:cover;height:30px}.feedpost-vote:hover,.feedpost-comments{cursor:pointer}.blob-body.commenticon{gap:12px}.blob-body.commenticon>p{color:#fff;font-size:.8em;margin:0;padding-top:3px;line-height:120%}.comment-icon{display:flex;gap:0;flex-direction:column;align-items:center}.commenticon.tail{width:0;height:0;border-left:1px solid transparent;border-right:7px solid transparent;border-top:8px solid black;margin-right:16px}.viewpost{width:100%;height:auto;padding:2em 5em;color:var(--secondary-color)}.viewpost-header{font-family:Futura;font-size:17px;transition:transform .2s ease-in-out}.viewpost-header:hover{transform:scale(1.05)}.viewpost-image{object-fit:cover;height:80%;max-height:400px}.viewpost-image:hover{cursor:pointer}.viewpost-title{font-size:45px;font-family:LeagueSpartan;margin-top:10px;margin-bottom:0}.viewpost-body{font-size:20px;margin:5px 0;font-family:Futura}.viewpost-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.viewpost-votes{display:flex;flex-direction:row;align-items:center;gap:10px}.viewpost-vote{object-fit:cover;height:40px;transition:transform .2s ease-in-out}.viewpost-vote:hover{transform:scale(1.2)}.viewpost-vote:hover{cursor:pointer}.comment-section-header{font-size:1.5em;margin-bottom:.5em}.comment-section{display:flex;flex-direction:column;height:auto;padding:.5em 0}.comment-form{display:flex;align-items:center;gap:10px;border-radius:12px;max-width:600px}.comment-form input[type=text]{flex:1;padding:10px 14px;border:none;border-radius:8px;font-size:14px;outline:none;background-color:var(--primary-color);color:var(--secondary-color);font-family:Futura}.comment-form input[type=text]:focus{box-shadow:0 0 0 2px var(--secondary-color)}.comment-form button{padding:10px 16px;background-color:var(--secondary-color);color:var(--primary-color);font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease-in-out;font-family:Futura}.comment-form button:hover{background-color:#515151}.comment-form button:disabled,.delete-comment-btn:disabled{background-color:#a5b4fc;cursor:not-allowed}.comment{border-top:1px solid var(--secondary-color);padding:1em 2em}.comment>p{font-family:Futura;margin-top:0}.comment-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.comment-header-first:hover{transform:scale(1.05)}.comment-header-first{display:flex;flex-direction:row;align-items:center;gap:10px;transition:transform .2s ease-in-out;font-family:Futura}.comment-header>div>p{font-family:Futura;font-size:1.1em}.delete-comment-btn{height:30px;padding:5px 16px;background-color:var(--secondary-color);color:var(--primary-color);font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease-in-out;font-family:Futura}.delete-comment-btn:hover{background-color:red}.edit-post{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.edit-post-header{font-size:2.5em;width:80%}.edit-post-box{border:3px var(--secondary-color) solid;height:auto;width:80%;border-radius:20px;display:flex;flex-direction:column;padding:2em}.edit-post-form{display:flex;flex-direction:column;justify-content:center;gap:15px;margin-bottom:2em}.edit-post-form>input[type=text]{width:25em;border:none;background:transparent;padding:0;margin:0;color:inherit;outline:none;width:auto}.edit-post-title{font-family:LeagueSpartan;font-size:2em;height:1.5em}.edit-post-body{font-family:Futura;font-size:1em;height:6em;max-height:7em;border:none;background:transparent;padding:0;margin:0;color:inherit;outline:none;resize:none;overflow:hidden}.edit-post-body:focus{outline:none;border-bottom:1px solid currentColor}.edit-post-form>input[type=text]:focus{outline:none;border-bottom:1px solid currentColor}.edit-post-buttons{display:flex;flex-direction:row;align-items:center;gap:15px}.profile{width:100%;display:flex;flex-direction:column;gap:25px;padding:2em 5%}.profile-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:30px}.profile-user{display:flex;flex-direction:row;align-items:center;height:40vh;gap:80px;width:100%;justify-content:center}.profile-username{font-size:2em;margin-bottom:5px}.signout-button{width:150px}.profile-created_at{font-family:Futura;margin-top:0;margin-bottom:20px}.profile-info>h1{font-size:2em;text-align:left}.profile-posts{display:flex;flex-direction:column;gap:15px}