.loading{position:sticky;top:0;z-index:100}:root{--blue: #6495ed;--broken-black: #202020;--broken-white: #c2c2c2}#root{color:var(--broken-black)}*{box-sizing:border-box}h1,h2,h3,h4,h5,a,p,ul,li{margin:0;padding:0}.container{width:80%;max-width:1280px;margin:0 auto}.contents-wrap{display:flex;flex-direction:column-reverse}.navigation{position:fixed;display:flex;flex:1;bottom:0;padding:.25rem;background:#ffffffde}main{flex:5;margin-bottom:5rem}.thread-wrap{display:flex;flex-direction:column;gap:1rem;padding:1rem}.login-wrap,.detail-wrap,.leaderboard-wrap{padding:1rem}@media screen and (min-width: 768px){.contents-wrap{flex-direction:row}}.navigation ul{display:flex;flex-direction:row;gap:1rem;margin:auto}.navigation ul li{color:var(--broken-black);text-decoration:none;list-style:none}.navigation ul li .navigation_link{display:flex;background:none;border:none;cursor:pointer;gap:.5rem;padding:.4rem;border-radius:30px;align-items:center;text-decoration:none;color:inherit;margin:auto;transition:all .25s}.navigation ul li .navigation_link .navigation_link_text{display:none}.navigation ul li .navigation_link:hover{background:#a6daa6}.navigation ul li .navigation_link .navigation_icon{font-size:2rem}@media screen and (min-width: 768px){.navigation{position:static;min-height:calc(100vh - 4rem);bottom:auto;padding:1rem}.navigation ul{width:100%;flex-direction:column;margin:0}.navigation ul li .navigation_link{padding:.4rem 1rem;width:100%}.navigation ul li .navigation_link .navigation_link_text{display:block}}.header{background:var(--broken-black);height:4rem}.header .container{display:flex;flex-direction:row;justify-content:space-between}.header_logo{color:var(--broken-white);margin:auto 0}.header_leaderboard{font-size:1.5rem;text-decoration:none;color:var(--broken-white);align-content:center}.header_leaderboard:hover{color:#ff5a00}.thread{display:flex;flex-direction:column;background:#fff}.card{background:#fff;border-bottom:1px solid var(--broken-black);padding-bottom:1rem;margin-bottom:1rem}.thread_header{display:flex;flex-direction:row;justify-content:space-between}.thread_header .thread_header_created{width:50%;text-align:end;margin:auto 0;font-size:.75rem;font-style:italic;font-weight:600}.tags{margin:1rem 0}.tags>button{display:block;height:2rem;align-content:center;padding:0 .75rem;color:var(--broken-black);background-color:#5daf5d;border-radius:1rem;width:max-content;text-decoration:none;font-weight:600;transition:all .25s;cursor:pointer;border:none}.tags>button:hover{border-radius:.75rem}.tags>.tag-active{color:var(--broken-white);background:var(--broken-black)}.thread_contents{display:flex;flex-direction:column;padding-left:2.5rem;margin-top:.75rem}.thread_post{cursor:pointer}.thread_interact{display:flex;flex-direction:row;gap:1rem}.like-button,.dislike-button{display:flex;flex-direction:row;gap:.25rem;font-size:1.25rem;align-items:center;cursor:pointer;background:none;border:none;padding:0}.like-button>span,.dislike-button>span{font-size:1rem}.thread_comment>button{background:none;border:none;cursor:pointer;text-decoration:underline;font-style:italic;color:var(--broken-black);font-weight:600}.post-account{display:flex;gap:.5rem;flex-direction:row;width:100%}.post-account>img{width:2rem;height:2rem;border-radius:25px;align-self:center}.post-account>p{font-weight:600;font-size:1rem;align-self:center}.thread_input>form{display:flex;flex-direction:column;gap:1rem}.thread_input>form input,.thread_input>form textarea{height:2rem;padding:.5rem;font-size:1.25rem;font-weight:600;border:none;border:white;outline:none}.thread_input>form textarea{padding:.5rem;font-family:inherit;resize:vertical}.thread_input>form input[name=category]{font-size:1rem;font-weight:400}.thread_input>form input:focus,.thread_input>form textarea:focus{border:2px solid var(--broken-black)}.thread_input>form button{padding:0 .25rem;height:2rem;cursor:pointer;background:var(--broken-black);color:var(--broken-white);border:none;border-radius:2rem;font-weight:600;transition:all .25s}.thread_input>form button:hover{background:#000;border-radius:.75rem}.login form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.login form>input{width:100%;padding:0 .25rem;height:2rem}.login form>button{width:5rem;height:2rem;border:none;background:var(--broken-black);color:var(--broken-white);cursor:pointer;font-weight:600;border-radius:1rem}.login form>button:hover{background:#000;border-radius:.75rem}@media screen and (min-width: 768px){.login form>input{width:70%}}@media screen and (min-width: 1024px){.login form>input{width:40%}}.detail_header{display:flex;flex-direction:row;gap:1rem}.detail_header h1{margin:auto 0}.detail_back-to-home{display:flex;align-items:center;font-size:2rem;color:var(--broken-black)}.detail{margin-top:1rem}.thread_comments{margin-top:1rem;border-top:1px solid var(--broken-black);padding-top:1rem}.comment-owner{display:flex;flex-direction:row;justify-content:space-between}.comment-owner>p{display:inline;font-style:italic;font-size:.75rem;margin:auto 0;width:50%;text-align:end}.comment-body{margin-left:2.5rem}.comment-input{margin-top:1rem;display:flex;gap:.5rem;flex-direction:column;justify-content:space-between;width:100%}.comment-input>input{width:100%}.comment-input>button{width:5rem;cursor:pointer;background:var(--broken-black);color:var(--broken-white);border-radius:1rem;height:2rem;border:none;font-weight:600;transition:all .25s}.comment-input>button:hover{background:#000;border-radius:.75rem}@media screen and (min-width: 768px){.comment-input{flex-direction:row;gap:1rem}}.back-to-home{display:flex;align-items:center;font-size:2rem;color:var(--broken-black);transition:all .25s}.back-to-home:hover{color:#000;transform:translate(-2.5px)}.comment{border-bottom:1px solid rgba(0,0,0,.404);margin:1rem 0;padding-bottom:1rem}.comment_interact{display:flex;flex-direction:row;gap:1rem;margin-top:.5rem}.register form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.register form>input{width:100%;padding:0 .25rem;height:2rem}.register form>button{width:5rem;height:2rem;border:none;background:var(--broken-black);color:var(--broken-white);cursor:pointer;font-weight:600;border-radius:1rem}.register form>button:hover{background:#000;border-radius:.75rem}.error-message{color:red;margin:-1rem 0 -.75rem;font-size:.75rem}@media screen and (min-width: 768px){.register form>input{width:70%}}@media screen and (min-width: 1024px){.register form>input{width:40%}}.leaderboards_header{display:flex;flex-direction:row;gap:1rem}.leaderboards_header h1{margin:auto 0;align-self:center}.leaderboards{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.leaderboard_item{display:flex;flex-direction:row;padding-bottom:1rem;border-bottom:1px solid var(--broken-black);align-items:center}.leaderboard_score{font-size:1.5rem;font-weight:600}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}