:root {--lime-100: oklch(0.97 0.02 100);--lime-400: oklch(0.92 0.04 100);--lime-500: oklch(0.68 0.16 100);--lime-800: oklch(0.74 0.14 100);--lime-900: oklch(0.45 0.11 100);--turquoise-100: oklch(0.97 0.02 150);--turquoise-400: oklch(0.91 0.04 150);--turquoise-500: oklch(0.67 0.16 150);--turquoise-800: oklch(0.72 0.14 150);--turquoise-900: oklch(0.44 0.11 150);--azure-100: oklch(0.97 0.02 260);--azure-400: oklch(0.92 0.04 260);--azure-500: oklch(0.69 0.16 260);--azure-800: oklch(0.74 0.14 260);--azure-900: oklch(0.46 0.11 260);--fuchsia-100: oklch(0.97 0.02 350);--fuchsia-400: oklch(0.92 0.04 350);--fuchsia-500: oklch(0.71 0.16 350);--fuchsia-800: oklch(0.76 0.14 350);--fuchsia-900: oklch(0.47 0.11 350);--font-family: "JetBrains Mono", system-ui;--font-size: 1.6rem;--primary-color: var(--azure-500);--secondary-color: var(--lime-800);--tertiary-color: var(--lime-800);--accent-color: var(--fuchsia-900);--text-color: #111;--body-bg-color: #fff;--alt-text: #616161;--alt-text-sec: #494949;--nav-bg-color: #fff;}.dark-mode {--body-bg-color: #000;--text-color: #fff;--accent-color: var(--azure-800);--primary-color: var(--azure-500);--alt-text: grey;--alt-text-sec: #7c7c7c;--nav-bg-color: #000;}html {font-size: 62.5%;}body {--body-max-width: 100rem;--body-padding: 20px;position: relative;line-height: 1.5;background-color: var(--body-bg-color);transition: 0.3s ease-in-out background-color;font-size: var(--font-size);color: var(--text-color);font-family: var(--font-family);font-weight: 400;display: grid;grid-template-columns: 1fr min(100% - var(--body-padding), var(--body-max-width)) 1fr;}.body-container {grid-column: 2 / -2;display: grid;grid-template-columns: 1fr auto;grid-template-rows: 1fr;}.nav-wrapper {grid-column: 2 / -1;grid-row: 1 / -1;display: flex;flex-direction: column;align-items: end;}.main-wrapper {grid-column: 1 / 2;grid-row: 1 / -1;}.hero-section {min-height: 100vh;padding-block: 10px;display: flex;flex-direction: column;justify-content: end;row-gap: 20px;}header {margin: 0 0 auto;color: var(--alt-text-sec);display: flex;align-items: start;justify-content: space-between;}header h1 {font-weight: 500;font-size: clamp(1.6rem, 1.6rem + 2vw, 2rem);word-spacing: -5px;letter-spacing: 2px;}.author-info {max-width: 70ch;}.author-info-about {font-weight: 800;font-size: clamp(2rem, 2rem + 2vw, 3rem);line-height: 1.3;}.author-info p {padding: 10px 0;}.author-info-description {color: var(--alt-text);}.social-icons {display: grid;grid-template-columns: repeat(auto-fill, minmax(40px, 50px));gap: 20px;margin: 0 0 20px 0;}.icon svg {height: 40px;width: 40px;}.my-icon {overflow: hidden;display: inline-block;border-radius: 5px;}.my-icon svg {height: 35px;width: 35px;padding: 2px;opacity: 1 !important;}.header-theme {display: flex;height: max-content;flex-wrap: wrap;}.theme {align-items: baseline;align-self: end;margin: 5px;}.menu {cursor: pointer;}.menu svg, .close-icon svg {width: 50px;height: 50px;}.nav-wrapper {padding: 10px;}@media screen and (width < 50rem) {.nav-wrapper {--nav-width: 100%;position: fixed;top: 0;min-height: 100dvh;width: var(--nav-width);right: calc(var(--nav-width) * -1);border-left: 1px solid var(--accent-color);background-color: var(--nav-bg-color);transition: 0.2s ease-out right;}}@media screen and (width > 50rem) {.menu {display: none;}.close-icon {display: none;}}.open-nav {right: 0;}