@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=VT323&display=swap";*{font-family:IBM Plex Mono,monospace}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#a00;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#a00;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:5px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}@media (width<=600px){#root{border:none}}p{margin:0}body{color:#fff;background-color:#111;border-color:#a00;height:90%;margin:0}::selection{color:#000;background-color:#0ff}button{color:#fff;background-color:#a00;border-style:none;border-radius:0;margin:1em 0;padding:2px 2em;font-weight:700;box-shadow:5px 5px #000}.btn-neg{background-color:#6b6b6b}.txt-marked mark{background-color:#0ff}button:hover{background-color:#3d3d3d}.navbar{background-color:#111;border-bottom:5px solid #a00;justify-content:space-evenly;width:100%;height:auto;padding-top:1rem;display:flex}.navbar ul{flex-wrap:wrap;flex:1;justify-content:space-evenly;align-items:center;display:flex}.navbar a{color:#ff0;margin:0;font-weight:bolder;text-decoration:none}.navbar li{color:#ff0;cursor:pointer;border-style:none outset outset none;border-color:gray;border-top-width:medium;border-left-width:medium;min-width:100px;margin:0 1em 1em 0;padding:8px 16px;font-weight:bolder;text-decoration:none}li.active{color:#fff;background:#5f5f00;font-weight:700}.navbar li::marker{content:""}.navbar li:hover{color:#c0c000}@media (width>=599px){.mobile{display:none}}@media (width<=600px){.desktop{display:none}}.hamburger-icon{width:30px;height:30px}.main{margin-left:200px;margin-right:200px}#header{color:#ff0;border-style:dotted;border-color:red}.section-box{background-color:#292929;width:100%;overflow:auto;box-shadow:1px 1px 1px gray}@media (width<=1024px){.section-box{padding:0}}a{color:#37ffff;margin:1rem;font-weight:700;text-decoration:none}.sub-link{color:#54ffff;font-size:small;font-weight:400;text-decoration:none}a:hover{color:#0cafaf}.textbox{color:#fff;background-color:#005;border-style:none;width:40%;max-width:400px;margin-bottom:1em;padding:.5em;font-weight:bolder;box-shadow:1px 1px 1px #000}.input-form{border:1px inset;margin:1em 0;padding:.5em;font-weight:700}.input-form label{font-size:normal}.btn-radio,.btn-chk{accent-color:#a00}.color-boxes{text-align:center;border:1px outset #000;width:50%;height:5em;margin:1em;padding:1rem}.color-boxes p{text-shadow:1px 1px 1px #000;font-weight:700}.color1{background-color:#0ff}.color2{background-color:#0f0f0f}.color3{background-color:#ff0}.color4{background-color:#a00}.color5{background-color:#292929}.color6{background-color:#005}.lbl-color-boxes{font-size:1em}.p-visibility{background-color:#292929;margin:0 auto;display:table}table{text-align:center;border-collapse:collapse;margin:1em 0;padding:1em;font-weight:700}tr{border-style:outset;border-width:.5px}tr:first-child{border-top-width:1px;border-bottom-width:4px}td{width:5em;padding:1em}th{padding:1em}ul{padding-left:1em}ul li{padding-left:1em}ul li::marker{color:red;content:">"}ol li::marker{color:red}.panel{background-color:#6b6b6b;border:2px solid #be0000;max-width:50em;margin-top:10px;padding:2px 0;font-weight:bolder;box-shadow:5px 5px 1px #000}.panel h4{text-align:center;text-shadow:1px 1px 1px #000;border-bottom:solid;margin:0}.panel p{padding:0 1em;font-size:small}.alert{color:red}.success{color:#fff;border-width:1px}.message{background-color:#6b6b6b;border-style:solid;border-color:#be0000;max-width:50em;margin-top:10px;padding:2px 0;font-weight:700;box-shadow:5px 5px 1px #000}.message h4{text-align:left;text-shadow:1px 1px 1px #000;margin:0;padding:5px}.message p{padding:0 1em;font-size:small}.loader{clip-path:inset(0 3ch 0 0);width:fit-content;font-size:1em;font-weight:700;animation:3s steps(4,end) infinite l4}.loader:before{content:"Loading..."}@keyframes l4{to{clip-path:inset(0 -1ch 0 0)}}.fade-in{animation:.4s ease-in fadeIn}@media (width>=599px){.fade-in{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#skill-section{text-align:start}.flex{display:flex}@media (width<=600px){.flex{flex-direction:column}}.column{flex:1;min-width:0}.justify-evenly{justify-content:space-evenly}.ul-cluster{margin-right:2rem}.crt-monitor{box-sizing:border-box;background-color:#3a3a3a;border:2px solid #000;border-radius:20px;flex-direction:column;width:min(800px,100%);min-width:0;height:60vh;margin:0 auto;padding:1.5rem 1.25rem 2rem;display:flex;box-shadow:5px 5px #000}@media (width<=600px){.crt-monitor{aspect-ratio:auto;height:560px;padding:1rem .75rem 1.5rem}}.crt-screen{text-align:start;color:#ffb000;text-shadow:0 0 4px #ffb00099;cursor:text;background-color:#050300;border:3px solid #0a0a0a;border-radius:10px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:1rem;font-size:1.3rem;line-height:1.3;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000e6}.crt-screen,.crt-screen *{font-family:VT323,monospace}.crt-screen:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#00000040 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt-banner{border-bottom:1px dashed #ffb00066;flex-shrink:0;margin-bottom:.75rem;padding-bottom:.75rem}@media (width<=600px){.crt-banner{margin-bottom:.5rem;padding-bottom:.5rem;font-size:.8em}}.crt-banner p{margin:.15em 0}.crt-banner .crt-dim{opacity:.7}.crt-screen a{color:#ffb000;margin:0;text-decoration:underline}.crt-screen a:hover{color:#fff}.crt-competence-group{margin-bottom:1.5em}.crt-competence-group h3{color:#fff;margin:0 0 .5em}.crt-screen .sub-link{color:#ffb000b3}.crt-tags{flex-wrap:wrap;align-items:center;gap:.4em .6em;margin:0;display:flex}.crt-tag-dot{opacity:.6}.crt-menu{border-bottom:1px dashed #ffb00066;flex-shrink:0;margin:0 0 .75rem;padding-bottom:.75rem;padding-left:0}@media (width<=600px){.crt-menu{margin-bottom:.5rem;padding-bottom:.5rem;font-size:.9em}}.crt-menu li{cursor:pointer;padding:.15em 0;list-style:none}.crt-menu li::marker{content:""}.crt-menu li:hover{color:#fff;text-shadow:0 0 6px #fffc}.crt-error{color:#ff5a3c;text-shadow:0 0 4px #ff5a3cb3}.crt-prompt-row{border-top:1px dashed #ffb00066;flex-shrink:0;align-items:center;gap:.5em;margin-top:.75rem;padding-top:.75rem;display:flex}@media (width<=600px){.crt-prompt-row{margin-top:.5rem;padding-top:.5rem;font-size:.9em}}.crt-prompt{flex-shrink:0}.crt-input{min-width:0;color:inherit;font-size:inherit;text-shadow:inherit;caret-color:#ffb000;background:0 0;border:none;outline:none;flex:1;padding:0}.crt-content{scrollbar-width:thin;scrollbar-color:#ffb000 black;flex:1;min-width:0;min-height:0;padding-right:.5rem;overflow-y:auto}.crt-content::-webkit-scrollbar{width:8px}.crt-content::-webkit-scrollbar-track{background:#000}.crt-content::-webkit-scrollbar-thumb{background-color:#ffb000}.crt-content ul{padding-left:0}.crt-content li{margin-bottom:1.5em;padding-left:0;list-style:none}.crt-easter-egg pre{color:#fff;text-shadow:0 0 6px #ffffffb3;max-width:100%;margin:0 0 .75em;overflow-x:auto}@media (width<=600px){.crt-easter-egg pre{font-size:.85em}}.crt-help li{margin-bottom:.4em}#center{background-color:#1c1c1c;flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;padding:1rem 5rem;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}