@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navbar{background-color:var(--nav);color:var(--text_1);padding:1em;border-radius:4px}.nav-title{display:flex;align-items:center;margin-top:0;margin-bottom:1rem;font-size:1.8em;font-weight:700;gap:.1em}.nav-title span{color:var(--highlight)}.nav-list{display:flex;justify-content:space-evenly;list-style:none;padding:0}.nav-list-item{text-align:center}.nav-list-item a{color:var(--text_1);position:relative;text-decoration:none}.nav-list-item a:before{content:"";position:absolute;height:4px;width:100%;border-radius:4px;background-color:var(--highlight);bottom:0;left:0;transform-origin:left;transform:scaleX(0);transition:transform .1s ease-in-out}.nav-list-item a:hover{color:var(--highlight)}.nav-list-item a:hover:before{color:var(--text_2);transform-origin:left;transform:scaleX(1);bottom:-5px}.nav-list-item a.active:before{transform-origin:left;transform:scaleX(1);bottom:-5px}@media screen and (max-width: 800px){.navbar{padding:.5em}.nav-title{font-size:1.5em;justify-content:center}.nav-list{flex-direction:column}}.Default{--background_1: #001c30;--text_1: #f6f6f6;--text_2: #001b2e;--text_3: #707070;--nav: #001c30;--sidebar: #001c30;--card_background: #f6f6f6;--tag_background: #cd3c00;--hover: #c6e0ff;--button: #003b5e;--button_hover: #005180;--button_danger: #800040;--button_danger_hover: #99024e;--highlight: #d2008f;--searchbar: rgba(246, 246, 246, .1);--searchbar_focus: rgba(246, 246, 246, .2);--link: #008fdb;--link_hover: #006195}.Matte{--background_1: #44475a;--text_1: #bdc3c7;--text_2: #bdc3c7;--text_3: #d3c680;--nav: #44475a;--sidebar: #44475a;--card_background: #4d5066;--tag_background: #846560;--hover: #777798;--button: #555673;--button_hover: #616285;--button_danger: #68829f;--button_danger_hover: #bb928b;--highlight: #866c83;--searchbar: rgba(189, 195, 199, .1);--searchbar_focus: rgba(189, 195, 199, .2);--link: #72c2c3;--link_hover: #519d9e}.Dark{--background_1: #1d1f21;--text_1: #caced8;--text_2: #caced8;--text_3: #6a8799;--nav: #1d1f21;--sidebar: #1d1f21;--card_background: hsl(210, 6%, 15%);--tag_background: #48513b;--hover: #50272c;--button: #292d3e;--button_hover: #353b56;--button_danger: #97522c;--button_danger_hover: #be100e;--highlight: #ac6d74;--searchbar: rgba(202, 206, 216, .1);--searchbar_focus: rgba(202, 206, 216, .2);--link: #72c373;--link_hover: #2bde2e}.Bright{--background_1: #f4f4f4;--text_1: #3e3e3e;--text_2: #3e3e3e;--text_3: #6a8799;--nav: #f4f4f4;--sidebar: #f4f4f4;--card_background: #ffffff;--tag_background: #f7d4cf;--hover: #f1d007;--button: #f8eec7;--button_hover: #decf92;--button_danger: #fb7661;--button_danger_hover: rgb(255, 91, 88);--highlight: #f1d007;--searchbar: rgba(62, 62, 62, .1);--searchbar_focus: rgba(62, 62, 62, .2);--link: #db2d20;--link_hover: #7a0d06}.Chameleon{--background_1: #2c2c2c;--text_1: #c8bb97;--text_2: #d79821;--text_3: #777777;--nav: #2c2c2c;--sidebar: #2c2c2c;--card_background: #383838;--tag_background: #cc231c;--hover: #4e5165;--button: #5a5959;--button_hover: #777777;--button_danger: #cc231c;--button_danger_hover: #a0100b;--highlight: #689d69;--searchbar: rgba(106, 106, 106, .3);--searchbar_focus: rgba(106, 106, 106, .6);--link: #458587;--link_hover: #4aaeb1}body{margin:0;min-width:100%;min-height:100%;background-color:var(--background_1)}h1{font-size:3.2em;line-height:1.1}button{display:flex;justify-content:center;align-items:center;gap:1rem;border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;background-color:var(--button);color:var(--text_1)}button:hover{background-color:var(--button_hover);border-color:var(--button_hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link_hover)}form{display:flex;flex-direction:column;width:100%;margin:0;font-size:1.5rem}input,textarea{font-size:1em;padding:.5rem;border:1px solid var(--text_2);border-radius:4px;position:relative;box-sizing:border-box;width:100%;background-color:var(--card_background);color:var(--text_2)}input:focus,textarea:focus{outline:none;border:2px solid var(--highlight)}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{top:-1.5rem;font-size:1rem;color:var(--text_3)}textarea{height:10rem;resize:none}label{pointer-events:none;font-size:1em;position:absolute;left:.5rem;transition:all .2s;color:var(--text_2)}.app-container{box-sizing:border-box;display:grid;grid-template-columns:3fr 1fr;min-height:100vh;max-width:100vw;margin:auto;line-height:1.75;font-size:1.25em;background-color:var(--background_1);color:var(--text_1)}.main-container{box-sizing:border-box;display:flex;flex-direction:column;max-width:70ch;min-width:70ch;min-height:100%;padding:3em 1em;margin:auto;line-height:1.75;font-size:1.25em;background-color:var(--background_1)}.side-container{box-sizing:border-box;position:sticky;top:0;right:0;display:flex;flex-direction:column;margin:auto;line-height:1.75;font-size:1.2em;height:100vh;z-index:3}.sidebar_toggle{display:none}@media screen and (max-width: 800px){h1{font-size:2em}.app-container{grid-template-columns:1fr;width:100vw}.main-container{padding:0;min-width:0;width:95%}.side-container{position:fixed;top:unset;right:unset;bottom:-100%;padding:0;transition:all .2s cubic-bezier(.075,.82,.165,1)}.side-container.active{bottom:0%}.sidebar_toggle{display:block;height:3rem;padding:1rem;color:var(--tag_background);background-color:radial-gradient(circle at center,var(--text_3) 0%,rgba(0,0,0,0) 66%);border-radius:50%;position:fixed;top:87%;right:0;left:0;margin-left:auto;margin-right:auto;z-index:100;transition:all .2s cubic-bezier(.075,.82,.165,1)}.sidebar_toggle.active{top:0;transform:rotate(180deg)}.fetching{min-height:75vh}}.clear-search-button{all:unset;width:100%;margin-bottom:2rem;font-size:.6em;cursor:pointer;display:flex;align-items:center}.clear-search-button:hover{background:none}.clear-search-button:hover .remove-filter-icon{transform:rotate(-360deg)}.clear-search-button:focus{outline:none}.clear-search-button span{margin-right:.5em}.remove-filter-icon{transition:all .2s linear}.randomArticleBtn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding:.5em;font-size:.75em;background-color:var(--button);cursor:pointer;transition:border-color .25s;border:1px solid transparent;line-height:normal;gap:1rem;width:100%;color:var(--text_1)}.randomArticleBtn:hover{background-color:var(--button_hover);color:var(--text_1)}.searchbox-heading{margin-top:0;font-size:1.2em}.searchbox{display:flex;flex-direction:row;align-items:center;position:relative}.searchbox input{background:none;height:2.5em;border-radius:0;background-color:var(--searchbar);color:var(--text_1);transition:background-color .2s ease-in-out,transform .2s ease-in-out;flex:1;border:none;font-size:16px}.searchbox input:focus{border:none;border-radius:0;background-color:var(--searchbar_focus)}.searchbox input:focus+.search-icon{transform:rotate(180deg);background:none;outline:none;border:none}.search-icon{background:none;outline:none;border:none;font-size:1.5rem;position:absolute;right:-.5em;cursor:pointer;z-index:10;transition:transform .2s ease-in-out}.search-icon:hover{background:none;outline:none;border:none}.sidebar{box-sizing:border-box;position:relative;height:100%;max-height:100vh;background-color:var(--sidebar);padding:3em 3em 3em 0;margin:auto}@media screen and (max-width: 800px){.sidebar{padding:1rem;min-height:100vh;overflow:auto}}.socialBtn{display:flex;justify-content:center;align-items:center;gap:2rem;width:100%;height:1.8em;margin-bottom:1rem;background-color:var(--button);color:var(--text_1)}.socialBtn:hover{background-color:var(--button_hover)}.socialBtn button,.socialBtn .mailto{all:unset;display:flex;justify-content:center;cursor:pointer;transition:font-size .2s ease-out}.socialBtn button:hover,.socialBtn .mailto:hover,.side-tag-heading{font-size:1.2em}.side-tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 2px;max-width:100%}.side-tag-list-item{border-radius:2px;font-size:.6em;background-color:var(--tag_background);color:var(--text_1);padding:0 1rem;cursor:pointer}.side-tag-list-item:hover{outline:solid 2px var(--highlight)}.side-tag-list-item.active{background-color:var(--highlight)}.theme_switch-button{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding:.5em;font-size:.75em;background-color:var(--button);color:var(--text_1);cursor:pointer;transition:background-color .25s;border-radius:4px;border:1px solid transparent;line-height:normal;gap:1rem;width:100%}.theme_switch-button:hover{background-color:var(--button_hover)}.theme_switch-button:focus,.theme_switch-button:focus-visible{outline:none}.backBtn{all:unset;display:flex;align-items:center;gap:1rem;font-size:.8em;color:var(--text_2);cursor:pointer;margin-top:1em}.backBtn:hover{background:none;color:var(--highlight)}.backBtn:focus{outline:none}.not_found{text-align:left;padding:2em;margin-top:1rem;background-color:var(--card_background);color:var(--text_2);border-radius:4px;font-size:.8em}.about-container{padding:2em;margin-top:1rem;background-color:var(--card_background);color:var(--text_2);border-radius:4px;font-size:.8em}.about-container h1{font-size:1.5em}.about-container ul{list-style:none}.all-article-list{padding-top:1rem;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:dense}.article-container{border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden;color:var(--text_2)}.article-container:nth-last-of-type(4n){grid-column:span 2}@media screen and (max-width: 800px){.article-container{grid-column:span 1}}.fetching{display:flex;justify-content:center;align-items:center;margin-top:1rem;border-radius:4px;min-height:66vh;background-color:var(--card_background)}.no_article{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.8em;padding:1em;margin-top:1rem;background-color:var(--card_background);color:var(--text_2);border-radius:4px;text-align:center;font-weight:700}.article{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;height:100%;padding:1.25em;background-color:var(--card_background);color:var(--text_2);text-decoration:none;transition:background-color .3s cubic-bezier(.86,0,.07,1);position:relative;overflow:hidden}.article:hover{background-color:var(--hover);color:var(--text_2)}.article:hover .read_more{transform:scale(1.1)}.timestamp{font-size:.6em;color:var(--text_3);z-index:2;position:relative}.article-title{margin:0;word-wrap:break-word;font-size:1.2em;z-index:2;position:relative}.author{font-size:.6em;color:var(--text_3);z-index:2;position:relative}.article-text{max-width:100%;word-wrap:break-word;font-size:.65em;color:var(--text_3);z-index:2;position:relative}.article-bottom{display:flex;justify-content:center;align-items:center;font-size:.6em;gap:.6em;width:100%;z-index:2;position:relative}.read_more{display:flex;justify-content:center;align-items:center;margin-left:auto;gap:.6em;color:var(--text_2);transition:all .3s ease-in-out;z-index:2;position:relative}.article .layer{z-index:1;position:absolute;top:calc(100% - 10px);height:100%;width:100%;left:0;background:var(--hover);transition:.2s}.article:hover .layer{top:0}.latest-article-list{padding-top:1rem;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:dense}.article-container{border-radius:4px;box-shadow:0 2px 4px #000;overflow:hidden;color:var(--text_2)}.article-container:nth-of-type(4n){grid-column:span 2}@media screen and (max-width: 800px){.article-container:nth-of-type(4n){grid-column:span 1}}.article-page{max-width:70ch;margin:auto;padding-top:1rem}.article_container{padding:1em 1.5em;background-color:var(--card_background);color:var(--text_2);border-radius:4px}.article_header{text-align:right}.article_title{margin-top:1rem;font-size:2.5em}.article_tag-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin-bottom:0}.tag-list-item{border-radius:2px;font-size:.6em;background-color:var(--tag_background);color:var(--text_1);padding:0 1rem;display:flex;justify-content:center;align-items:center;text-align:center}.reading_time{display:flex;justify-content:flex-end;align-items:center;gap:.8rem;font-size:.8rem;color:var(--text_3);text-align:right;margin:1em 0}.article_content{font-size:.8em}@media screen and (max-width: 800px){.article_title{font-size:1.5em}.article_container{padding:.5em}}code[class*=language-],pre[class*=language-]{background:#27212e;color:#fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#eb64b927;color:inherit}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#eb64b927;color:inherit}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.5em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.5rem;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#91889b}.token.punctuation{color:#7b6995}.token.builtin,.token.constant,.token.boolean{color:#ffe261}.token.number{color:#b381c5}.token.important,.token.atrule,.token.property,.token.keyword{color:#40b4c4}.token.doctype,.token.operator,.token.inserted,.token.tag,.token.class-name,.token.symbol{color:#74dfc4}.token.attr-name,.token.function,.token.deleted,.token.selector{color:#eb64b9}.token.attr-value,.token.regex,.token.char,.token.string{color:#b4dce7}.token.entity,.token.url,.token.variable{color:#fff}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.23,1,.32,1);z-index:99}.modal-overlay.fade-in{opacity:1;visibility:visible}.modal-overlay.fade-out{opacity:0;visibility:hidden}.modal-content{position:relative;background-color:var(--card_background);border-radius:4px;box-shadow:0 2px 4px #00000040;padding:20px;width:33%}@media screen and (max-width: 800px){.modal-content{width:95%}}.closeBtn{position:absolute;top:0;right:0;background-color:var(--button_danger);font-size:1rem}.closeBtn:hover{background-color:var(--button_danger_hover)}.input-container{position:relative;margin:1rem}.comment{font-size:.6em;margin:2.5rem}.comment-text{margin-top:0}.add-comment-button{display:flex;justify-content:center;align-items:center;gap:1em;width:100%;color:var(--text_1)}.search-results-list{padding-top:1rem;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fit,mixmax(300px,1fr));grid-auto-flow:dense}:root{font-family:Roboto,sans-serif,Inter,Avenir,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scrollbar-width:auto;scrollbar-color:grey #d2008f}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-track{background:gray}html::-webkit-scrollbar-thumb{background-color:#d2008f}::selection{color:var(--text_1);background:var(--highlight)}