html{--border-radius:1em;--padding:1em;--p-font-size:1.2em;--h-font-size:1.5em;--bg-color:#f9f8f6;--fg-color:#f5f5f0;--border-color:#e0d9d9;--txt-color:#57595b;--hover-color:gray}body{min-height:100vh;display:grid;justify-content:center;grid-template-rows:auto 1fr auto;background-color:var(--bg-color);font-family:sans-serif}.width{width:min(70ch,100% - 2rem);margin-inline:auto}p,a{color:var(--txt-color);text-decoration:none;font-size:var(--p-font-size)}.flex-wrapper{display:flex;align-items:center}.flex-wrapper-column{display:flex;flex-direction:column;justify-content:center}.gap-2rem{gap:2rem}.padding-1rem{padding:var(--padding)}header{display:flex;flex-direction:column;position:static;width:100%;z-index:1000}.logo{font-weight:700;cursor:default}.header-top{width:100%;display:flex;justify-content:space-between;align-items:center}#menu-toggle{display:none}.menu-icon{cursor:pointer;display:inline-block}.menu-icon svg rect,.menu-icon svg line{fill:var(--txt-color);stroke:var(--txt-color)}.menu-icon{padding:.5rem;border-radius:var(--border-radius);transition:background .2s ease}#menu-toggle:checked~header .menu-icon{background:rgba(0,0,0,.1)}nav{display:none}nav ul{list-style:none}.icon-close{display:none}#menu-toggle:checked~header{position:fixed;top:0;left:0;z-index:1000;height:50%;background-color:var(--fg-color);box-shadow:0 1px 20px rgba(0,0,0,.1);border-radius:0 0 var(--border-radius)var(--border-radius)}#menu-toggle:checked~header nav{width:100%;height:100%;display:block}#menu-toggle:checked~header nav ul{margin-top:1rem;align-items:center;flex-direction:column;height:100%}header nav ul li{padding:var(--padding)0;border-radius:var(--border-radius);text-align:center;width:100%}li:active,li:active a{background-color:var(--bg-color);color:var(--txt-color)}#menu-toggle:checked~header .icon-open{display:none}#menu-toggle:checked~header .icon-close{display:block}.nav-buffer{height:0}#menu-toggle:checked~.nav-buffer{height:50vh}@media(min-width:600px){#menu-toggle:checked~header{position:static;background:0 0;height:auto;box-shadow:none}#menu-toggle:checked~header nav{width:auto;height:auto}#menu-toggle:checked~header nav ul{align-items:center;width:auto;flex-direction:row;justify-content:center}#menu-toggle:checked~.nav-buffer{height:0}header{flex-direction:row;align-items:center;justify-content:space-between}.header-top{width:auto}nav{display:block}.menu-icon{display:none}li:active{background-color:initial}header nav ul{gap:1rem}header nav ul a{color:var(--txt-color)}}.main-homepage article{padding:var(--padding);margin:1rem 0}.main-homepage a>article{border:2px solid var(--bg-color);border-radius:var(--border-radius);transition:border-color .3s ease-in-out 50ms}.main-homepage a:hover>article{border-color:var(--border-color)}footer{padding:1em;border-radius:.8em .8em 0 0;background-color:var(--fg-color);border-bottom:none}footer a{transition:color .3s ease-in-out}footer p a{text-decoration:underline;text-decoration-color:var(--txt-color);text-underline-offset:.3em;font-size:1.2rem}footer p a:hover{color:var(--hover-color);text-decoration-color:var(--hover-color)}.page-top::after{content:"\F139";font-family:bootstrap-icons;font-size:.8em;display:block;margin-left:.8rem}a:hover.page-top{color:var(--hover-color)}.no-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.active{background-color:var(--hover-color);color:var(--bg-color);padding:.3rem .6rem;border-radius:var(--border-radius);box-shadow:0 4px lightgrey}li:active a.active{background-color:gray;color:var(--bg-color)}a:hover.active{color:var(--bg-color);text-decoration:none}.profile-wrapper{justify-content:center}.profile-wrapper img{width:175px}.profile-wrapper h1,.profile-wrapper p{color:var(--txt-color)}#main-aboutpage{width:100%;max-width:50em;gap:4em}.links-wrapper{display:flex;gap:2rem;justify-content:center;align-items:center}.links-wrapper img{width:3rem}.links-wrapper a:hover>img{filter:brightness(0)saturate(100%)invert(36%)sepia(7%)saturate(444%)hue-rotate(214deg)brightness(94%)contrast(86%)}@media(max-width:900px){.profile-wrapper{flex-direction:column;text-align:center}footer{flex-direction:column;align-items:center;text-align:center}.links-wrapper{gap:1.5rem}.page-top{font-size:2em}}