@charset "UTF-8";
/** All theme variables in one file, scoped by data-theme attribute. Switching themes is instant — just flip the attribute, no stylesheet swap. */
:root, [data-theme="dark"] { --base-color: #DBDBDB; --border: dashed 1px rgba(219, 219, 219, 0.9); --selection-background: rgba(219, 219, 219, 0.99); --selection-text: #000; --background-color: #000; --text-color: var(--base-color); --placeholder-color: var(--base-color); --link-color: var(--base-color); --code-color-1: #aaaaaa; --code-color-2: #ffffcc; --code-color-3: #F00000; --code-color-4: #F0A0A0; --code-color-5: #b38aff; --code-color-6: #5ba711; --code-color-7: #e4e477; --code-color-8: #000080; --code-color-9: #05ca05; --code-color-10: #888888; --code-color-11: #555555; --code-color-12: #800080; --code-color-13: #00d4d4; --code-color-14: #00c1c1; --code-color-15: #ed9d13; --code-color-16: #1e90ff; --code-color-17: #800000; --code-color-18: #bbbbbb; }

[data-theme="light"] { --base-color: #000; --border: dashed 1px rgba(0, 0, 0, 1); --selection-background: rgba(0, 0, 0, 0.99); --selection-text: #FFF; --background-color: #FFF; --text-color: var(--base-color); --placeholder-color: var(--base-color); --link-color: var(--base-color); --code-color-1: #aaaaaa; --code-color-2: #ffffcc; --code-color-3: #F00000; --code-color-4: #F0A0A0; --code-color-5: #0000aa; --code-color-6: #4c8317; --code-color-7: #aa0000; --code-color-8: #000080; --code-color-9: #00aa00; --code-color-10: #888888; --code-color-11: #555555; --code-color-12: #800080; --code-color-13: #00aaaa; --code-color-14: #009999; --code-color-15: #aa5500; --code-color-16: #1e90ff; --code-color-17: #800000; --code-color-18: #bbbbbb; }

[data-theme="hacker"] { --base-color: #00ff00; --border: dashed 1px rgba(0, 255, 0, 0.9); --selection-background: rgba(0, 255, 0, 0.99); --selection-text: #000; --background-color: #000; --text-color: var(--base-color); --placeholder-color: var(--base-color); --link-color: var(--base-color); --code-color-1: #aaaaaa; --code-color-2: #ffffcc; --code-color-3: #F00000; --code-color-4: #F0A0A0; --code-color-5: #b38aff; --code-color-6: #5ba711; --code-color-7: #e4e477; --code-color-8: #000080; --code-color-9: #05ca05; --code-color-10: #888888; --code-color-11: #555555; --code-color-12: #800080; --code-color-13: #00d4d4; --code-color-14: #00c1c1; --code-color-15: #ed9d13; --code-color-16: #1e90ff; --code-color-17: #800000; --code-color-18: #bbbbbb; }

[data-theme="nord"] { --base-color: #D8DEE9; --border: dashed 1px #3B4252; --selection-background: #E5E9F0; --selection-text: #434C5E; --background-color: #2E3440; --text-color: var(--base-color); --placeholder-color: var(--base-color); --link-color: var(--base-color); --code-color-1: #4C566A; --code-color-2: #3B4252; --code-color-3: #BF616A; --code-color-4: #2E3440; --code-color-5: #81A1C1; --code-color-6: #8FBCBB; --code-color-7: #BF616A; --code-color-8: #88C0D0; --code-color-9: #A3BE8C; --code-color-10: #D08770; --code-color-11: #B48EAD; --code-color-12: #B48EAD; --code-color-13: #81A1C1; --code-color-14: #B48EAD; --code-color-15: #A3BE8C; --code-color-16: #88C0D0; --code-color-17: #EBCB8B; --code-color-18: #4C566A; }

/** Style variables */
/** Global */
body { background-color: var(--background-color); margin: 0 auto; padding: 0; font-family: "Source Code Pro", monospace; font-size: 12.5px; color: var(--text-color); text-align: left; line-height: 1.5 !important; transition: background-color 0.8s ease, color 0.8s ease; }

header, footer, .menu, #garden-wrapper, input, select, textarea, button { transition: background-color 0.8s ease, color 0.8s ease, border-color 0.8s ease; }

main p, main ul, main ol { font-family: "Inter", sans-serif; font-size: 14.5px; line-height: 1.6; margin-bottom: 16px; }

main h1, main h2, main h3, main h4, main h5, main h6 { font-family: "Inter", sans-serif; margin-top: 24px; font-weight: bold; color: var(--text-color); }

main h1 { font-size: 24px; }

main h2 { font-size: 20px; }

main h3, main h4, main h5, main h6 { font-size: 18px; }

p, ul, ol { margin: 0px; color: var(--text-color); }

a { text-decoration: underline; color: var(--link-color); }

a:hover { text-decoration: underline; opacity: 0.7; color: var(--link-color); background-color: transparent; }

.menu ul li a:hover, .resume-btn:hover { color: var(--background-color); background-color: var(--base-color); opacity: 1; }

@media only screen and (max-device-width: 500px) { * { font-size: 12px !important; } }

/** Layout */
.container { width: 90%; max-width: 600px; margin-right: auto; margin-left: auto; }

p { word-wrap: break-word; word-break: break-word; white-space: pre-wrap; margin-bottom: 15px; }

footer { color: var(--text-color); border-top: var(--border); margin: 20px auto 15px; padding-top: 10px; text-align: right; }

header { margin-top: 25px; margin-bottom: 10px; }

header p { text-align: left; margin: 0; }

footer { margin-bottom: 20px; }

.footer-icons { display: flex; justify-content: flex-end; gap: 16px; align-items: center; }

a.footer-icon, a.footer-icon:hover { text-decoration: none; background-color: transparent; color: var(--text-color); display: flex; align-items: center; line-height: 0; }

a.footer-icon { opacity: 0.4; transition: opacity 0.2s ease; }

a.footer-icon:hover { opacity: 0.9; }

a.footer-icon svg { width: 15px; height: 15px; }

/** Highlight/Markup */
::selection { background: var(--selection-background); color: var(--selection-text); }

::-moz-selection { background: var(--selection-background); color: var(--selection-text); }

/** Lists */
/** Header/Navigation */
.menu { border-top: var(--border); border-bottom: var(--border); margin-bottom: 25px; }

.menu ul { margin-top: 12px; margin-bottom: 12px; padding-left: 0px; list-style-type: none; text-align: right; }

.menu ul li { display: inline; margin-left: 10px; }

.menu ul li a { text-decoration: none; color: var(--text-color); }

.menu ul li a:hover { text-decoration: none; color: var(--background-color); background-color: var(--base-color); opacity: 1; }

/** Form */
input, select, textarea { padding: 0; margin: 0; -webkit-appearance: none; -webkit-border-radius: 0; border: none; }

input[type=text], select, textarea { width: 100%; resize: none; background-color: var(--background-color); color: var(--text-color); caret-color: var(--text-color); font-size: 12.5px; font-family: "Source Code Pro", monospace; line-height: 1.5; }

input, select, textarea, textarea::-webkit-input-placeholder { text-indent: 0px; }

::placeholder { color: var(--placeholder-color); opacity: 1; }

:-ms-input-placeholder { color: var(--placeholder-color); }

::-ms-input-placeholder { color: var(--placeholder-color); }

input[type=submit] { font-size: 12.5px; font-family: "Source Code Pro", monospace; line-height: 1.5; cursor: pointer; color: var(--link-color); background-color: var(--background-color); }

input[type=submit]:hover { color: var(--background-color); background-color: var(--base-color); }

*:focus { outline: none; }

textarea { vertical-align: top; }

/** Code and syntax highlighting */
.lineno { color: var(--code-color-1); margin-right: 15px; }

figure.highlight { margin: 5px 0; }

.highlight .hll { background-color: var(--code-color-2); }

.highlight .c { color: var(--code-color-1); font-style: italic; }

/* Comment */
.highlight .err { color: var(--code-color-3); background-color: var(--code-color-4); }

/* Error */
.highlight .k { color: var(--code-color-5); }

/* Keyword */
.highlight .cm { color: var(--code-color-1); font-style: italic; }

/* Comment.Multiline */
.highlight .cp { color: var(--code-color-6); }

/* Comment.Preproc */
.highlight .c1 { color: var(--code-color-1); font-style: italic; }

/* Comment.Single */
.highlight .cs { color: var(--code-color-5); font-style: italic; }

/* Comment.Special */
.highlight .gd { color: var(--code-color-7); }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: var(--code-color-7); }

/* Generic.Error */
.highlight .gh { color: var(--code-color-8); font-weight: bold; }

/* Generic.Heading */
.highlight .gi { color: var(--code-color-9); }

/* Generic.Inserted */
.highlight .go { color: var(--code-color-10); }

/* Generic.Output */
.highlight .gp { color: var(--code-color-11); }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: var(--code-color-12); font-weight: bold; }

/* Generic.Subheading */
.highlight .gt { color: var(--code-color-7); }

/* Generic.Traceback */
.highlight .kc { color: var(--code-color-5); }

/* Keyword.Constant */
.highlight .kd { color: var(--code-color-5); }

/* Keyword.Declaration */
.highlight .kn { color: var(--code-color-5); }

/* Keyword.Namespace */
.highlight .kp { color: var(--code-color-5); }

/* Keyword.Pseudo */
.highlight .kr { color: var(--code-color-5); }

/* Keyword.Reserved */
.highlight .kt { color: var(--code-color-13); }

/* Keyword.Type */
.highlight .m { color: var(--code-color-14); }

/* Literal.Number */
.highlight .s { color: var(--code-color-15); }

/* Literal.String */
.highlight .na { color: var(--code-color-16); }

/* Name.Attribute */
.highlight .nb { color: var(--code-color-13); }

/* Name.Builtin */
.highlight .nc { color: var(--code-color-9); text-decoration: underline; }

/* Name.Class */
.highlight .no { color: var(--code-color-7); }

/* Name.Constant */
.highlight .nd { color: var(--code-color-10); }

/* Name.Decorator */
.highlight .ni { color: var(--code-color-17); font-weight: bold; }

/* Name.Entity */
.highlight .nf { color: var(--code-color-9); }

/* Name.Function */
.highlight .nn { color: var(--code-color-13); text-decoration: underline; }

/* Name.Namespace */
.highlight .nt { color: var(--code-color-16); font-weight: bold; }

/* Name.Tag */
.highlight .nv { color: var(--code-color-7); }

/* Name.Variable */
.highlight .ow { color: var(--code-color-5); }

/* Operator.Word */
.highlight .w { color: var(--code-color-18); }

/* Text.Whitespace */
.highlight .mf { color: var(--code-color-14); }

/* Literal.Number.Float */
.highlight .mh { color: var(--code-color-14); }

/* Literal.Number.Hex */
.highlight .mi { color: var(--code-color-14); }

/* Literal.Number.Integer */
.highlight .mo { color: var(--code-color-14); }

/* Literal.Number.Oct */
.highlight .sb { color: var(--code-color-15); }

/* Literal.String.Backtick */
.highlight .sc { color: var(--code-color-15); }

/* Literal.String.Char */
.highlight .sd { color: var(--code-color-15); }

/* Literal.String.Doc */
.highlight .s2 { color: var(--code-color-15); }

/* Literal.String.Double */
.highlight .se { color: var(--code-color-15); }

/* Literal.String.Escape */
.highlight .sh { color: var(--code-color-15); }

/* Literal.String.Heredoc */
.highlight .si { color: var(--code-color-15); }

/* Literal.String.Interpol */
.highlight .sx { color: var(--code-color-15); }

/* Literal.String.Other */
.highlight .sr { color: var(--code-color-14); }

/* Literal.String.Regex */
.highlight .s1 { color: var(--code-color-15); }

/* Literal.String.Single */
.highlight .ss { color: var(--code-color-5); }

/* Literal.String.Symbol */
.highlight .bp { color: var(--code-color-13); }

/* Name.Builtin.Pseudo */
.highlight .vc { color: var(--code-color-7); }

/* Name.Variable.Class */
.highlight .vg { color: var(--code-color-7); }

/* Name.Variable.Global */
.highlight .vi { color: var(--code-color-7); }

/* Name.Variable.Instance */
.highlight .il { color: var(--code-color-14); }

/* Literal.Number.Integer.Long */
.resume-btn { display: inline-block; padding: 10px 15px; border: 1px solid currentColor; text-decoration: none; border-radius: 4px; transition: all 0.3s ease; }

.resume-btn:hover { background-color: var(--text-color); color: var(--background-color); text-decoration: none; }

/** Markdown Elements Styling Adapts automatically to the current theme variables */
main { /* Tables */ /* Blockquotes */ /* Horizontal Rules */ /* Images */ /* Inline Code */ /* Code Blocks (pre) */ /* Reset inline code styles when inside a pre block */ /* Keyboard tags */ /* Checkboxes in lists */ /* Lists */ /* Restore the original aesthetic hyphen bullet for top-level ul if preferred, but standard bullets are more robust. Let's force standard bullets for markdown readability. */ }

main table { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: 14.5px; font-family: "Inter", sans-serif; }

main th, main td { padding: 10px 14px; border: var(--border); text-align: left; }

main th { font-weight: 600; background-color: var(--base-color); color: var(--background-color); }

main tr:nth-child(even) { background-color: rgba(120, 120, 120, 0.05); }

main blockquote { margin: 0 0 20px 0; padding: 10px 20px; border-left: 4px solid var(--link-color); background-color: rgba(120, 120, 120, 0.05); color: var(--text-color); font-style: italic; border-radius: 0 4px 4px 0; }

main blockquote p { margin-bottom: 0; }

main hr { border: 0; height: 1px; background-color: var(--text-color); opacity: 0.2; margin: 32px 0; }

main img { max-width: 100%; height: auto; border-radius: 4px; margin: 16px 0; }

main code { font-family: "Source Code Pro", monospace; font-size: 0.85em; background-color: rgba(120, 120, 120, 0.15); padding: 2px 5px; border-radius: 4px; color: var(--text-color); }

main pre { background-color: rgba(120, 120, 120, 0.08); border: var(--border); border-radius: 6px; padding: 16px; margin: 16px 0 24px 0; overflow: auto; font-size: 0.9em; color: var(--text-color); line-height: 1.6; font-family: "Source Code Pro", monospace; }

main pre code { background-color: transparent; padding: 0; border-radius: 0; font-size: inherit; color: inherit; }

main kbd { display: inline-block; padding: 3px 5px; font-size: 0.8em; line-height: 10px; color: var(--background-color); vertical-align: middle; background-color: var(--text-color); border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); font-family: "Source Code Pro", monospace; }

main input[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; margin-right: 8px; cursor: pointer; }

main ul, main ol { padding-left: 20px; margin-bottom: 16px; }

main ul { list-style-type: disc; }

main ol { list-style-type: decimal; }

main ul ul, main ol ul { list-style-type: circle; margin-bottom: 0; }

main ul ul ul, main ol ul ul { list-style-type: square; }

main li { margin-bottom: 6px; }

main ul > li::before { content: none; }

/*# sourceMappingURL=main.css.map */