:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:radial-gradient(ellipse calc(20vw + (20px + 2vw)*12) calc((20px + 2vw)*2) at 50% 0%,#7c0000 20%,#2f0028 70%,#14032fcc 90%,#2d1799cc 99%,#0000),radial-gradient(ellipse calc(40vw + (20px + 2vw)*56) calc((20px + 2vw)*8) at 50% 0%,#458fff 24%,#d3fffe 25%,#458fffcc 30%,#00329666 80%,#00003233),radial-gradient(ellipse 800px 40% at 50% 0%,#10103a 20%,#050514 99%,#05051400),linear-gradient(to bottom,#050514 95%,#00329680);background-repeat:no-repeat;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{cursor:pointer}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#9b0024;cursor:pointer;transition:border-color .25s;border:2px solid #2d0014;z-index:100}button:hover{background-color:#c2004d}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--header-col: #d20035;--header-shadow1: #a3001074;--header-shadow2: #80001775;--header-shadow3: #55000e8b;--header-glow: #ff0a3b;--card-background: rgba(13, 6, 46, .6);--card-hover: rgba(34, 22, 88, .679);--article-card-separator: rgba(6, 1, 26, .8);--selectable-hover: #c2004d;--sidebar-background: #420012;--header-size: calc(20px + 2vw) ;--header-border-rad: 8px;--button-background: #9b0024;--button-border: #2d0014;--comment-vote-button-size: calc(20px + 2vw) }a:hover{color:var(--selectable-hover)}body{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;font-size:clamp(14px,2vw,18px);padding-top:calc(var(--header-size) * 2.5)}#root{width:100%;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}Header{background-color:inherit;z-index:2;display:grid;grid-template-columns:1fr 3fr 1fr;width:100vw;height:var(--header-size * 1.4);align-items:start;margin-bottom:2em;padding:0;position:fixed;top:0}button{border:2px solid rgb(48,0,24);color:#300018}Header h1{color:var(--header-col);transition:text-shadow .3s ease-in-out;margin-top:.2em;font-size:min(calc(12px + 3vw),48px)}header{background:#fff0}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;z-index:-1;background:linear-gradient(to right,#050514,#050514 1%,#10103a,#050514 99%,#050514)}.header-scrolled:before{opacity:1}#header-main:before{content:attr(data-text);position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;text-wrap:inherit}@keyframes echo-trail{to{text-shadow:0px -9px 2px var(--header-shadow1),0px -21px 4px var(--header-shadow2),0 -36px 6px var(--header-shadow3),0 0 12px var(--header-glow);opacity:1}}@keyframes translate-header{to{transform:translateY(.4em)}}#header-main:hover{animation:translate-header .4s ease-out forwards}#header-main:hover:before{animation:echo-trail .4s ease-out forwards}Header img{border-radius:50%;width:var(--header-size);height:var(--header-size);transition:box-shadow .3s ease-in-out}Header img:hover{box-shadow:0 0 15px #c30031;animation:translate-header .4s ease-out forwards}Header .nav-menu{padding:0;height:var(--header-size);width:var(--header-size);justify-self:right;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:.5em}Header button:hover{animation:translate-header .4s ease-out forwards}.header-links{display:flex;margin-top:.5em;gap:.2em}#add-article{padding:0;height:var(--header-size);width:var(--header-size);display:flex;align-items:center;justify-content:center;text-align:center;line-height:var(--header-size)}.content-container{clip-path:polygon(0 0px,100% 0px,100% 100%,0 100%)}.articles-container{display:flex;flex-direction:column;width:88%;max-width:calc(800px + 2em + 2vw);margin-bottom:4em;margin-left:auto;margin-right:auto}ul{padding:0}li{list-style:none}.sort-li{align-self:flex-start}.article-list{display:flex;flex-direction:column;align-items:center;border-radius:5%;gap:0;margin:0}.article-list li:nth-child(2) .article-card{border-radius:20px 20px 0 0}.article-list li:last-child .article-card{border-radius:0 0 20px 20px}.article-list li:not(:last-child) .article-card{border-bottom:5px solid var(--article-card-separator)}.article-card{width:80vw;max-width:800px;display:flex;flex-direction:column;background:var(--card-background);padding:calc(1em + 1vw);color:#f7f7ff;transition:background .3s ease-in-out}.article-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.article-card-content{display:flex}.article-card-text{text-align:left}.article-card-footer{display:flex;flex-direction:row}.article-card:hover{background:var(--card-hover)}.article-card a{display:contents}.article-card-content{width:80vw;max-width:800px;height:40vw;max-height:400px;border-radius:calc(8px + 1vw);overflow:hidden;position:relative}.article-card-content img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-topic{text-align:start;margin:0;font-weight:600}.article-title{max-width:100%;word-wrap:break-word;margin:0}.article-card-info{color:#63699e}.article-created{text-align:left;align-self:flex-end;margin-top:0}.article-author{text-align:left;align-self:flex-end;margin-bottom:0;font-weight:800}.article-card-footer{width:100%;display:flex;justify-content:space-between}.go-to-comments{color:#fff;font-weight:600;padding:.2em 1em;border:16px;min-width:128px;z-index:100}.text-link{z-index:5;color:inherit}.text-link:hover{color:var(--selectable-hover)}.article-page{position:relative;width:80vw;max-width:800px;text-align:left;margin:0 auto;padding:16px;background-color:#02002a;border-radius:20px}.article-page img{width:80vw;max-width:800px;border-radius:calc(8px + 1vw)}.topic-list{display:flex;flex-direction:column;align-items:center;padding:0 5w;border-radius:5%;gap:0}.topic-list:first-child .topic-card{border-radius:20px 20px 0 0}.topic-list:last-child .topic-card{border-radius:0 0 20px 20px}.topic-card{width:80vw;max-width:800px;display:grid;gap:1em;grid-template-columns:1fr 1fr;background:var(--card-background);padding:calc(1em + 1vw);color:#f7f7ff;transition:background .3s ease-in-out;overflow:hidden}.topic-card:hover{background-color:var(--card-hover)}.topic-img-container{width:40vw;max-width:400px;height:20vw;max-height:200px;border-radius:calc(8px + 1vw);overflow:hidden;position:relative}.topic-card-img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topic-card-text{text-align:left}.topic-card-text h2{margin-top:0;margin-bottom:.2em}.topic-card-text p{margin:0}.comment-card{display:flex;align-items:flex-start;gap:1.8em;padding:12px;border-bottom:2px solid var(--article-card-separator)}.comment-left{display:flex;flex-direction:column}.comment-votes{font-size:1.2em;font-weight:600}.comment-votes .rocket-svg{height:24px;width:24px;transform:translateY(.2em)}.comment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.comment-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.comment-content{flex:1}.comment-header{display:flex;justify-content:start;gap:1em;align-items:center;margin:0}.comment-time{font-size:.9em;padding:0;margin:0}.comment-author{font-weight:600;margin:0}.article-vote-card{display:grid;font-size:1.6em;font-weight:800;grid-template-columns:repeat(3,1fr);z-index:5;width:144px;justify-items:center}.upvote,.downvote{width:1em;height:1em}.comment-vote-card{display:grid;font-size:1.3em;font-weight:800;grid-template-rows:repeat(3,1fr);z-index:5;width:2em;text-align:center;justify-items:center;transform:translateY(.2em)}.article-vote-card button.vote-button{height:calc(20px + 3vw);width:calc(20px + 3vw);border-radius:8px;padding:.1em}.comment-vote-card button.vote-button{width:var(--comment-vote-button-size);border-radius:8px;padding:0}.comment-vote-card .upvote,.comment-vote-card .downvote{width:1em;height:1em}form{display:flex;flex-direction:column;align-items:center;width:100%}.article-form{align-items:left;justify-content:flex-start}.article-form Select{background-color:#000}.comment-form button{max-width:100px;margin-top:.3em}.comment-form textarea{width:80%;max-width:500px;min-width:100px;resize:vertical;border-radius:8px;border:2px solid rgb(0,0,27);padding:8px;overflow:hidden}.comment-form label{width:80%;max-width:500px;text-align:left;margin-bottom:.3em}.comment-submit{width:80%;max-width:500px;display:flex;justify-content:flex-end;padding:0 8px}.dropdown{position:relative;display:inline-block;width:100%}.dropdown-overlay{display:block;position:absolute;background-color:var(--sidebar-background);border-radius:5px;box-shadow:0 4px 10px #0000001a;max-height:400px;overflow-y:auto;z-index:1000}.dropdown-search{width:100%;padding:8px;border:none;border-bottom:1px solid #ddd;box-sizing:border-box}.dropdown-item{padding:10px;cursor:pointer;transition:background .3s}.dropdown-item:hover{background-color:var(--selectable-hover)}.comment-container,.article-card-list{position:relative}.article-card-list .delete-div{top:0;right:0}.article-card-list .delete-div button{color:#fff;width:calc(20px + .5em);height:calc(20px + .5em);font-size:1em;padding:0}.delete-div{position:absolute;top:0;right:0}.article-page .delete-div button{padding:0;width:3em;height:2em;border-radius:32px}.comment-delete-button{width:2em!important;height:2em!important;border-radius:12px!important}.back-button{padding:0;width:3em;height:2em;border-radius:32px}.sidebar{position:fixed;top:0;left:-500px;width:300px;height:100vh;background:var(--sidebar-background);color:#fff;transition:left .3s ease-in-out;z-index:100;text-align:right;padding:20px 20px 20px 2em}.sidebar button{color:#fff;font-weight:800}.sidebar-topics{text-align:left}.sidebar-topics p{padding-left:20px;border-bottom:2px solid var(--button-border);margin:0}.sidebar.open{left:0}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:20}.select-sort{position:relative;width:100%;margin:"auto";align-self:center;text-align:left}#sort-input{width:25%;min-width:150px;max-width:150px;border-radius:16px;padding:.4em;text-align:center;background-color:var(--button-background);border:1px solid var(--button-border);font-weight:800}#sort-input:hover{cursor:pointer;background-color:var(--selectable-hover)}#sort-input:focus{outline:2px solid var(--header-glow)}#sort-dropdown .dropdown-item{width:25%;min-width:150px}.user-profile-img{border-radius:16px}.loading-container{display:flex;justify-content:center;align-items:center;width:100%}.loading{display:flex;justify-content:center;align-items:center;align-self:center;width:30vw;max-width:300px}.add-article-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.article-form{display:flex;flex-direction:column;background-color:#2d0014;padding:2em;width:80vw;max-width:800px;border-radius:16px}.article-form input{width:100%;margin:1em}.article-form input:focus{outline:2px solid var(--header-glow)}.article-form textarea{width:100%;resize:vertical;margin:1em}.article-form textarea:focus{outline:2px solid var(--header-glow)}.article-form button{color:#fff;margin:1em}#topic-dropdown .dropdown-item{width:25%;min-width:150px}#load-more-button{color:#fff;font-weight:800;margin-top:1.5em}