@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap");:root{--background-color:#28282d;--primary-color:#4caf50;--primary-color-active:#c8ffa0;--secondary-color:#1e1e23;--text-color:#fff;--page-width:1000px;--article-color:#bbb;--section-box-shadow:rgba(0,0,0,.3) 0px 5px 20px 12px;--separator-color:hsla(0,0%,80%,.15);--header-height:4em;--color-step-50:#1e1e1e;--color-step-100:#2a2a2a;--color-step-150:#363636;--color-step-200:#414141;--color-step-250:#4d4d4d;--color-step-300:#595959;--color-step-350:#656565;--color-step-400:#717171;--color-step-450:#7d7d7d;--color-step-500:#898989;--color-step-550:#949494;--color-step-600:#a0a0a0;--color-step-650:#acacac;--color-step-700:#b8b8b8;--color-step-750:#c4c4c4;--color-step-800:#d0d0d0;--color-step-850:#dbdbdb;--color-step-900:#e7e7e7;--color-step-950:#f3f3f3}body.light{--background-color:#fff;--secondary-color:#f5f5f5;--text-color:#000;--primary-color:#4caf50;--primary-color-active:#4bb400;--section-box-shadow:rgba(0,0,0,.1) 0px 5px 20px 12px;--article-color:#4d4d4d;--separator-color:hsla(0,0%,80%,.65);--color-step-50:#f3f3f3;--color-step-100:#e7e7e7;--color-step-150:#dbdbdb;--color-step-200:#d0d0d0;--color-step-250:#c4c4c4;--color-step-300:#b8b8b8;--color-step-350:#acacac;--color-step-400:#a0a0a0;--color-step-450:#949494;--color-step-500:#898989;--color-step-550:#7d7d7d;--color-step-600:#717171;--color-step-650:#656565;--color-step-700:#595959;--color-step-750:#4d4d4d;--color-step-800:#414141;--color-step-850:#363636;--color-step-900:#2a2a2a;--color-step-950:#1e1e1e}*{margin:0;padding:0;font-family:Ubuntu mono,monospace;box-sizing:border-box}:focus{outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--color-step-550)}::-webkit-scrollbar-thumb:hover{background:var(--color-step-400)}#__next{background-color:var(--background-color);height:100%;min-height:100vh;margin:0;display:flex;flex-direction:column;justify-content:space-between}#__next,h1 a{color:var(--text-color)}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color-active)}header{position:fixed;height:var(--header-height);top:0;width:100%;transition:transform 1s cubic-bezier(.12,.36,.35,1);background-color:var(--secondary-color);box-shadow:0 0 19px 5px rgba(0,0,0,.15)}header.hide{transform:translateY(-100%)}nav{background-color:var(--secondary-color)}header nav:not([id=mobile-nav]){display:flex;height:100%;margin:0 auto;justify-content:space-between;align-items:center;max-width:75%;width:var(--page-width)}header nav ul{display:flex;list-style:none;height:100%;gap:20px}header nav ul li{height:100%;display:flex;align-items:center}header nav h1{position:relative}header nav h1:after{content:"";position:absolute;display:block;top:2px;bottom:2px;right:-20px;width:10px;background-color:var(--text-color);animation:flashy_animation 1s infinite}#burger-menu{cursor:pointer}header nav #burger-menu{display:none}@keyframes flashy_animation{0%{opacity:0}50%{opacity:100%}to{opacity:0}}#mobile-nav{position:absolute;top:0;height:0;overflow:hidden;width:100%;z-index:100;display:flex;justify-content:center;align-items:center;transition:height 1s cubic-bezier(.59,0,.37,.99)}#mobile-nav.show{height:100vh}#mobile-nav ul{display:block;height:auto;width:100%}body:has(#mobile-nav.show),html:has(#mobile-nav.show){overflow:hidden}#mobile-nav ul li{font-size:25pt;padding:1em .5em;background:var(--secondary-color)}#close-mobile-menu{cursor:pointer;font-size:1.5em;position:absolute;right:1em;top:1em}.not_found_div{margin-top:50px}.not_found_div,.whoami_div{display:flex;justify-content:center;flex-direction:column;gap:30px;text-align:center}.whoami_div{width:50%;margin:5em auto}main{display:flex;flex-direction:column;gap:1em;margin:1em auto;border-radius:10px;max-width:75%;width:var(--page-width);height:100%;margin-top:calc(1em + var(--header-height))}main section{height:100%;padding:.5em;background-color:var(--color-step-50);border-radius:5px;box-shadow:var(--section-box-shadow);margin-bottom:1em}main section.nobackground{background:none;box-shadow:none}main section h2{color:var(--text-color)}main section hr{width:200px;margin-top:.35em;margin-bottom:.75em}main #menu-profile .img{border-radius:100%;margin-bottom:20px}main #menu-profile .socials a{color:var(--color-step-850)}main #menu-profile{text-align:center}main #menu-profile .socials{display:flex;justify-content:center;gap:10px}main #menu-profile .socials i{font-size:40px}main #menu-profile .socials img{-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:invert(1);width:40px}body.light main #menu-profile .socials img{filter:invert(0)}main section.wrapper .content{display:flex;gap:1.5em;flex-wrap:wrap;justify-content:center}main section.wrapper .content .img{height:128px;width:auto;border-radius:100%}main section.wrapper h2{text-align:center}main section.wrapper hr{margin-inline:auto}#info-wu{display:flex;flex-direction:column;gap:10px}#info-wu li{color:var(--article-color);list-style-type:none}article{margin-inline:1em;padding-block:1em;display:flex;align-items:center}article small{color:#6a6a6a}article h3{color:var(--text-color)}article .content{flex:1;text-align:justify;color:var(--article-color)}article .tags{padding-inline:.5em;margin-bottom:auto}article .tags ul{list-style:none;text-align:right}article:not(:last-of-type){border-bottom:1px solid var(--separator-color)}#theme-toggler{position:fixed;bottom:20px;right:20px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:20%;border:1px solid var(--color-step-350);background-color:var(--secondary-color);cursor:pointer;transition:all 1s}#theme-toggler:hover{background-color:var(--color-step-350);color:var(--secondary-color);border:1px solid var(--secondary-color)}#theme-toggler i{font-size:30px}.accordion .item{background:var(--color-step-100);padding:.75em;cursor:pointer}.accordion:not(.open):not(:last-of-type) .item{border-bottom:1px solid var(--separator-color)}.accordion .item i{transition:transform .3s cubic-bezier(0,.65,.4,1)}.accordion .item button{display:flex;align-items:center;border:none;width:100%;height:100%;background:initial;color:inherit;font-family:initial;font-size:medium;text-align:initial;cursor:pointer}.accordion span{flex:1}.accordion>.content{max-height:0;overflow:hidden;transition:max-height 1s cubic-bezier(.25,.8,.5,1) 0s}.accordion.open>.content{max-height:-moz-fit-content;max-height:fit-content}.accordion>.content .inner{padding:1em}.accordion.open .item i{transform:rotate(90deg)}#login-form{flex-direction:column;gap:20px}#input-div,#login-form{width:100%;display:flex;align-items:center}#input-div{gap:10px;padding:5px;border-radius:1em;background-color:var(--background-color);border:1px solid var(--primary-color)}#input-div:has(>#key:focus){border:1px solid var(--primary-color-active)}#input-div #key{flex-grow:5;height:2em;border:none;background-color:var(--background-color);color:var(--text-color)}#input-div i,#login-form>input[type=submit]{color:var(--text-color);cursor:pointer}#login-form>input[type=submit]{height:2em;padding:0 1em;border-radius:1em;border:1px solid var(--primary-color);background-color:var(--background-color)}#login-form>input[type=submit]:hover{background-color:var(--color-step-300)}footer{width:100%;background-color:var(--secondary-color)}#footer-container{margin:auto;max-width:75%;width:var(--page-width);display:flex;justify-content:space-between;padding:20px}#footer-container ul{list-style:none}#footer-container p{align-self:end}#footer-container #sitemap h3{margin-bottom:10px}#footer-container #sitemap li{margin-left:10px;margin-bottom:3px}@media only screen and (max-width:700px){nav:not([id=mobile-nav]) ul{display:none}nav:not([id=mobile-nav]) #burger-menu{display:block;font-size:1.5em}}