.radix-themes,main{--default-font-family:var(--font-lato);--heading-font-family:var(--font-rasa);--container-4:1536px}body{margin:0}.about-me{font-family:var(--font-rasa)}::-webkit-scrollbar{background-color:#0000;width:8px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#0000001a;border:2px solid #0000;border-radius:8px}:hover::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #0000}::-webkit-scrollbar-button{display:none}
.header-container{z-index:3;max-height:100vh;position:fixed;top:0;left:0;right:0}.header-container.active{background-color:var(--accent-9);color:var(--accent-1)}.menu-container::-webkit-scrollbar-thumb{background-color:#0000004d}.header-container .menu-container{flex:1;overflow-y:auto}.menu-and-logo{padding-left:var(--space-6);padding-right:var(--space-6)}.menu-and-logo .menu-trigger{position:relative;top:32px}@media (max-width:1024px){.menu-and-logo{padding-left:var(--space-3)}.header-container.active,.header-container.active a,.header-container.active button{color:var(--accent-1)}}@media (min-width:1024px){.header-container.active{background-color:#0000}}.ghost-surface{font-size:var(--font-size-3)}
.logo{font-size:var(--font-size-9);font-family:var(--font-italianno);color:var(--accent-9);width:40px;font-weight:700;text-decoration:none}.logo:hover{color:var(--accent-11);text-decoration:none}