.article-container .article-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary)}.article-container .article-header>span{font-style:italic}.article-container .article-body{padding:1rem 0}.article-container .article-body a{text-decoration:underline}.emojione,.twemoji{height:24px}@media only screen and (max-width:900px){.article-container .article-header{flex-direction:column;justify-content:center}.emojione{height:16px}}.error-container{align-self:center;text-align:center;width:100%}.home-container{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:center}.home-container>div{width:50%;padding:1rem}.home-container .about-section{font-size:3rem;text-align:right;padding-right:2rem;border-right:.5rem solid var(--primary)}.home-container .articles-section{display:flex;flex-direction:column}.home-container .articles-link{width:100%;font-size:1.5rem;padding-top:1rem;text-align:center}@media only screen and (max-width:900px){.home-container{flex-direction:column;justify-content:center;align-items:center;align-self:center;padding:1.5rem}.home-container>div{width:100%;padding:1.5rem}.home-container .about-section{text-align:center;padding-right:0;font-size:2rem;border:none;border-bottom:.5rem solid var(--primary);padding-bottom:1.5rem}.home-container .article-list{border:none;padding:0}}.about-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;font-size:1.5rem;align-self:center}.about-container>img{height:200px;width:200px;border:3px solid var(--primary);border-radius:50%}@media only screen and (max-width:900px){.about-container{font-size:1rem}.about-container>img{height:150px;width:150px}}:root{--green: #1dc56f;--magenta: #c51d73;--white-light: #f5f5f5;--gray-light: #303234;--white-dark: #ffffff;--gray-dark: #333}:root[theme=light]{--primary: var(--magenta);--bg: var(--white-light);--text: var(--gray-light);--bg-alt: var(--white-dark)}:root[theme=dark]{--primary: var(--green);--bg: var(--gray-light);--text: var(--white-light);--bg-alt: var(--gray-dark)}*{transition-duration:.3s;transition-timing-function:ease-out}html,body{margin:0;box-sizing:border-box;height:100%}body{font-family:Roboto,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{color:var(--text)}nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}nav .header-brand{font-family:Sixtyfour,cursive;font-size:2rem}nav .header-buttons{display:flex;flex-direction:row;gap:.5rem}ard-shader{height:100%;width:100%;z-index:-1;position:absolute;overflow:clip}ard-shader>canvas{height:100%;width:100%}main{display:flex;padding:1rem 3rem 3rem;min-height:80%;flex-grow:2}main>div{width:100%}a{text-decoration:none;color:var(--text);cursor:pointer}a>svg{fill:var(--text)}a>svg:hover{fill:var(--primary)}a:hover{color:var(--primary)}footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-bottom:1rem}button{background:none;border:none;padding:0;margin:0;color:var(--text)}button:hover{color:var(--primary)}button svg{fill:var(--text)}button svg:hover{fill:var(--primary)}blockquote{background:var(--bg-alt);border-left:solid 2px var(--primary);font-style:italic;margin:0}blockquote>p{margin:0 0 0 .5rem}svg{height:24px;width:24px}.article-list{width:100%;display:flex;flex-direction:column}.article-list .empty-list{justify-content:center;align-self:center}.article-list .article{padding:.5rem;border-bottom:2px solid var(--primary);display:flex;flex-direction:row;align-items:center;gap:2rem;cursor:pointer}.article-list .article:hover{background-color:var(--bg-alt)}.article-list .article .article-date{border:solid 1px var(--primary);border-radius:5px;width:50px}.article-list .article .article-date>div{padding:0 .25rem;background-color:var(--primary);color:var(--white-dark);text-align:center}.article-list .article .article-date>div:nth-child(2n){font-size:1.5rem;background-color:var(--white-dark);color:var(--gray-light)}.article-list .article .article-content{width:80%}.article-list .article .article-content .article-title{color:var(--text);font-size:1.5rem}.article-list .article .article-content .article-status{color:var(--primary);font-weight:700}.article-list .article .article-content .article-description{color:var(--primary)}@media only screen and (max-width:900px){nav>.header-brand{font-size:1rem}svg{height:16px;width:16px}main{padding:1rem}}