:root{--colorDark: rgb(38, 34, 30);--colorDarkLighter: rgba(72, 66, 58, .7);--colorLight: rgba(240, 240, 239, .87);--colorLightDarker: rgba(230, 230, 230, .87);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--colorDark);background-color:var(--colorLight);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;padding:1rem}body{max-width:1024px;margin:0 auto;position:relative}header{position:fixed;top:0;left:0;right:0;height:4rem;padding-block:.5rem;display:flex;justify-content:space-around;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#ebebeb80}header img{width:50px;height:50px;border-radius:50%;background-color:var(--colorLightDarker);padding:.5rem;margin:1rem 2rem 1rem 0}header button{background-color:transparent;visibility:hidden}header h1{line-height:1.7rem}button{border:none;font-size:3rem;transition:transform .3s cubic-bezier(1,0,.8,2);color:var(--colorDark);-webkit-tap-highlight-color:transparent}nav{position:fixed;transform:translateY(4rem);max-width:25rem}.backdrop{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.open{visibility:visible;max-height:55vh}.blank-begining-of-section{height:4.7rem}a{color:var(--colorDarkLighter)}a:hover{color:var(--colorDark)}nav a{text-decoration:none}nav li{list-style:none;padding:.5rem;border-top:1px solid var(--colorDark)}nav ul{margin-top:1.8rem}main{margin-left:25rem}main ul{padding-left:3rem}@media (prefers-color-scheme: dark){:root{color:var(--colorLight);background-color:var(--colorDark)}header{background-color:#2d2a2580}nav{background-color:transparent}nav li{border-top:1px solid var(--colorLight)}a{color:var(--colorLight)}a:hover{color:#cccbcbde}button{color:var(--colorLight)}}@media (max-width: 768px){header img{margin-left:1rem}header h1{text-align:center;line-height:2rem;transform:translateY(-.3rem)}header button{background-color:transparent;visibility:visible}nav{position:fixed;transform:translateY(4rem);max-width:25rem}nav ul{width:100vw;max-height:4.7rem;visibility:hidden;padding-left:0;margin-top:0;display:flex;flex-direction:column;flex-wrap:wrap;column-gap:.5rem;background-color:#e1e1e14d;transition:max-height .3s cubic-bezier(0,0,0,1)}nav li{margin-left:auto 1rem;max-width:10rem}.backdrop{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}main{margin-left:inherit}}@media (prefers-color-scheme: dark) and (max-width: 768px){header,nav ul{background-color:#2d2a2580}}