body{scrollbar-color:hsla(0,0%,100%,.4) rgba(0,0,0,0);scrollbar-width:thin}#page{overflow-x:hidden}nav#main-nav,nav#article-nav{scrollbar-color:hotpink blue;position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;width:56px;z-index:1}nav#main-nav>a,nav#main-nav>div>button,nav#main-nav>aside>button,nav#main-nav>button,nav#article-nav>a,nav#article-nav>div>button,nav#article-nav>aside>button,nav#article-nav>button{min-height:56px;width:56px;display:flex;width:100%;flex:1;justify-content:center;align-items:center}nav#main-nav>a img,nav#main-nav>div>button img,nav#main-nav>aside>button img,nav#main-nav>button img,nav#article-nav>a img,nav#article-nav>div>button img,nav#article-nav>aside>button img,nav#article-nav>button img{height:30px;image-rendering:pixelated}nav#main-nav>button,nav#article-nav>button{min-height:64px;min-width:64px;padding:20px;aspect-ratio:1/1}nav#main-nav>div,nav#article-nav>div{position:relative;height:62px;min-width:62px;transition:.3s}nav#main-nav>div>button,nav#article-nav>div>button{height:56px;width:100%;z-index:11;height:62px;min-width:62px}nav#main-nav>div>.languages,nav#article-nav>div>.languages{z-index:15;transition-delay:0s,.5s;display:flex;flex-direction:column;position:absolute;overflow:hidden;right:0;top:0;transform:translate(calc(100% + 12px));width:136px;margin:0;margin-left:10px;padding:0;list-style:none;background:var(--bg);border-radius:1px;border:3px solid #555;cursor:pointer}nav#main-nav>div>.languages li,nav#article-nav>div>.languages li{padding:10px;width:100%;display:flex;align-items:center;gap:10px}nav#main-nav>div>.languages li img,nav#article-nav>div>.languages li img{image-rendering:pixelated;height:32px}nav#main-nav>div>.languages li,nav#article-nav>div>.languages li{transition:.3s}nav#main-nav>div>.languages li:hover,nav#article-nav>div>.languages li:hover{background:var(--bg-hover)}nav#main-nav>div>.languages li a,nav#article-nav>div>.languages li a{color:var(--fg);text-decoration:none;display:block;height:100%;width:100%}nav#main-nav>div>div,nav#article-nav>div>div{position:absolute;left:0;top:0;transform:translateX(70px);height:48px}@media(max-width: 450px){nav#main-nav>div>div,nav#article-nav>div>div{top:inherit;transform:translate(0)}}nav#main-nav>.hide>div,nav#article-nav>.hide>div{display:none}:root{--is-dark: ;--is-light: initial}[data-theme=light]{--is-dark: initial;--is-light: }:root{--bg-dark: var(--is-dark) #181818;--bg-light: var(--is-light) #ddd;--bg: var(--bg-dark, var(--bg-light, #ddd));--bg-hover-dark: var(--is-dark) #282828;--bg-hover-light: var(--is-light) #eee;--bg-hover: var(--bg-hover-dark, var(--bg-hover-light, #eee));--fg-dark: var(--is-dark) #ddd;--fg-light: var(--is-light) #181818;--fg: var(--fg-dark, var(--fg-light, #181818));--fg-dimmed-dark: var(--is-dark) #bbb;--fg-dimmed-light: var(--is-light) #383838;--fg-dimmed: var(--fg-dimmed-dark, var(--fg-dimmed-light, #383838));--fg-hover-dark: var(--is-dark) #eee;--fg-hover-light: var(--is-light) #111;--fg-hover: var(--fg-hover-dark, var(--fg-hover-light, #111))}body{background-color:var(--bg) !important}@media(max-width: 450px){#home-content h1{margin-bottom:0px !important}h2{box-sizing:border-box;padding-inline:8px}#main-nav{flex-direction:row !important;left:50% !important;transform:translateX(-50%) !important;gap:0px !important;width:100vw !important;align-items:center;justify-content:center}#main-nav>*{box-sizing:border-box !important;min-height:62px !important;height:62px !important;width:62px !important;padding:0px !important;flex:none !important}#main-nav div{order:-1}.sub-h2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.sub-h2 .search-article{width:calc(100vw - 44px)}.sub-h2 .search-article input{width:100%}#article-nav{display:none !important}}