@import"https://fonts.googleapis.com/css2?family=Chakra+Petch&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}header{color:var(--alt-color);padding:0 15px;height:50px;display:flex;align-items:center;background:var(--background-color);z-index:10}#logo{padding-right:15px;font-size:24px}#login-prompt{cursor:pointer;font-size:16px;padding:4px 0;border-bottom:var(--alt-color) solid 2px}@media only screen and (max-width: 585px){header{width:100%;justify-content:space-between}}nav{display:flex;flex:1;height:100%;justify-content:space-evenly;align-items:center;margin-right:15px;animation-name:revealFailure;animation-duration:.3s}nav>*{cursor:pointer;flex:1;padding:5px;text-align:center}#active{font-weight:bolder;font-style:italic;font-size:18px}.navbutton{position:relative;font-size:16px;height:100%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 700px){.navbutton{font-size:14px}}@media only screen and (max-width: 585px){nav{margin-right:initial;flex:none;padding:10px}.navbutton{display:inline-block}}footer{display:flex;justify-content:flex-end;align-items:center;color:var(--alt-color);padding:5px 15px;background:var(--background-color)}footer *:not(:last-child){padding-right:15px}footer p{font-size:16px}.icon{width:20px;border:none}main{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:column;flex:1;justify-content:center;background:var(--layer0)}main>div{padding:10px;-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex:1;flex-direction:column;align-items:center}*{box-sizing:border-box}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}ol,ul{padding-left:3em;text-indent:1em}hr{border:none;border-bottom:var(--comp-color-1) dashed 3px;width:100%}p,a{font-size:20px}a{text-decoration:none;color:inherit}button{cursor:pointer}strong{font-weight:bolder}em{font-style:italic}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}html{background:#2d2d2d}.dark-mode{--background-color: rgb(11, 11, 12);--background-color-half: rgba(11, 11, 12, .847);--navcolor: 46, 46, 54;--layer0: rgb(19, 19, 22);--layer1: rgb(31, 32, 36);--layer2: rgb(46, 46, 54);--layer3: rgb(67, 69, 75);--text-color: rgb(230, 230, 230);--text-color-half: rgba(230, 230, 230, .25);--comp-color-1: rgb(48, 114, 86);--comp-color-2: rgb(139, 76, 61)}.light-mode{--background-color: #ad605e;--background-color-half: #f3f3f38c;--layer0: #e9e9e9;--layer1: #ad605e;--layer2: #cfc58c;--text-color: rgb(36, 36, 36);--text-color-half: rgba(36, 36, 36, .288);--comp-color-1: #86b3e6;--comp-color-2: #8b4c3d;--alt-color: white}:root{--scrollbar-color: rgb(45, 45, 45);--scrollbar-thumb: rgb(165, 165, 165)}#root{font-family:Lato,sans-serif;background:var(--background-color);display:flex;flex-direction:column;min-height:100vh;overflow-y:hidden}#content{background:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.darkbutton{background:var(--background-color);border-radius:20px;border:var(--text-color) solid 2px;color:var(--text-color);font-size:14px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.post-preview{padding:25px 5px;position:relative;animation-name:fadein;animation-duration:.15s}.post-preview>*{transition:.15s}.post-preview:not(:first-child){border-top:var(--text-color-half) dashed 2px}.date{font-style:italic;font-size:18px;padding:5px 0;opacity:.5}.body{white-space:pre-wrap;font-size:16px;line-height:1.2em;padding-bottom:25px}@media only screen and (max-width: 600px){.post-preview h3{font-size:20px}.post-preview .date{font-size:16px}}@keyframes fadeoutAside{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fadeinAside{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}aside{padding:10px;background:var(--layer1);color:var(--alt-color);display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;transition:.15s;animation-name:fadeinAside;animation-duration:.15s}#info{flex:1;line-height:1.3em}#info p{font-size:16px}#icon-box{flex:1;width:100%;padding:5px;display:flex;justify-content:flex-end}@media only screen and (max-width: 600px){aside{animation-name:fadeoutAside;animation-duration:.15s;position:absolute;visibility:hidden;flex:none}}#frontpage{display:flex;flex-direction:row;align-items:flex-start;height:100%}#posts{display:flex;flex-direction:column;flex:3;margin-right:30px}#full-logo-wrapper{align-self:center;width:200px}#full-logo{width:100%}#see-more-posts{font-size:18px;padding:5px;background:var(--layer2);border:none;color:var(--text-color)}#spacer{position:sticky;top:15px;flex:1;transition:.15s}@media only screen and (max-width: 800px){#spacer{flex:2}}@media only screen and (max-width: 600px){#spacer{display:none}#posts{margin-right:0;flex:1}}@media only screen and (max-height: 450px){#spacer{display:none}}@keyframes loadArticle{0%{opacity:0}to{opacity:1}}@keyframes revealButton{0%{opacity:0;transform:scale(.5);filter:brightness(1)}75%{opactity:1;transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1)}}article{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:column;flex:1;align-items:center;width:100%;animation-name:loadArticle;animation-duration:1s}.article-image-handler img{border:none}#date{margin-top:15px;font-size:16px;opacity:.8}#topper{text-align:center;max-width:500px;margin-bottom:15px}#topper h3{margin:0 auto}#top-wrapper{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;background:var(--layer0);padding:10px;border-bottom-left-radius:20px}#body{max-width:550px;text-align:left;white-space:pre-wrap;padding-bottom:30px}#body>p{font-size:16px;line-height:1.5em;width:100%;transition:.25s;text-indent:2em}.wait{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}#comment-section{border-top:var(--text-color-half) dashed 3px;width:500px}#tools{cursor:pointer;position:sticky;right:0;bottom:10px;width:35px;text-align:right;flex:none;align-self:flex-end;display:flex;flex-direction:column;justify-content:center;align-items:center;animation-name:revealButton;animation-duration:.15s;z-index:10}#tools figure{background:var(--layer0);border:var(--text-color-half) solid 2px;border-radius:50%;width:100%;padding:5px}#tools figure:not(:last-child){margin-bottom:10px}#tools img{display:block;width:100%;height:100%}#comment-section h3{padding:15px 0}article img{margin:0 auto;max-width:100%;display:block;border:var(--text-color) solid 2px}@media only screen and (max-width: 585px){#body{line-height:1.4em}#body p{font-size:16px}#comment-section{width:100%}article img{width:90%}#tools{width:40px;height:40px;box-shadow:0 5px #000}}@keyframes articlePopup{0%{opacity:0}to{opacity:1}}#article-list-wrapper{width:500px;flex:1;align-self:center}#article-list{width:100%;flex:1;overflow-y:auto}#pagination{width:100%;display:flex;justify-content:space-between;align-items:center}#pagination img{width:20px;cursor:pointer}#arrows{display:flex;justify-content:center}#backpage{margin-right:15px;transform:rotate(180deg)}#pagination p{font-size:14px;flex:1}input[name=search]{flex:1;background:var(--background-color);border:none;border-bottom:var(--text-color-half) solid 2px;padding:8px 15px;color:var(--text-color)}.deactivated{display:none}.article-link{cursor:pointer;padding:15px;transition:.15s;max-width:500px;display:block;animation-name:articlePopup;animation-duration:.8s}.article-link .date{font-size:16px}.medium{font-size:14px;padding:2px 8px;border-radius:15px;border:var(--text-color-half) solid 1px;width:initial;display:inline-block}.article-link:hover{filter:brightness(1.1)}.medium[value="video games"]{background:var(--comp-color-1)}#no-results{margin-top:15px}@media only screen and (max-width: 500px){#article-list-wrapper{width:100%}}