@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=IBM+Plex+Sans:wght@400;700&display=swap");:root{--paper-bg:#FFFFFF;--paper-border:#e0e0e0;--text-dark:#333333;--text-light:#666666;--accent-color:#4CAF50;--shadow-color:rgba(0,0,0,0.1);--palette1-paper-bg:#FFFFFF;--palette1-paper-border:#e0e0e0;--palette1-text-dark:#333333;--palette1-text-light:#666666;--palette1-accent-color:#4CAF50;--palette1-shadow-color:rgba(0,0,0,0.1);--palette2-paper-bg:#1a1a1a;--palette2-paper-border:#2a2a2a;--palette2-text-dark:#e0e0e0;--palette2-text-light:#a0a0a0;--palette2-accent-color:#00ff00;--palette2-shadow-color:rgba(0,0,0,0.5);--palette3-paper-bg:#FFFFFF;--palette3-paper-border:#e0e0e0;--palette3-text-dark:#000000;--palette3-text-light:#333333;--palette3-accent-color:#fb8500;--palette3-shadow-color:rgba(0,0,0,0.1);--palette-TokyoNight-paper-bg:#24283B;--palette-TokyoNight-paper-border:#414868;--palette-TokyoNight-text-dark:#C0CAF5;--palette-TokyoNight-text-light:#A9B1D6;--palette-TokyoNight-accent-color:#7AA2F7;--palette-TokyoNight-shadow-color:rgba(0,0,0,0.5);--palette-AtomOneDark-paper-bg:#282C34;--palette-AtomOneDark-paper-border:#3A3F4B;--palette-AtomOneDark-text-dark:#ABB2BF;--palette-AtomOneDark-text-light:#828791;--palette-AtomOneDark-accent-color:#98C379;--palette-AtomOneDark-shadow-color:"rgba(0, 0, 0, 0.5)";--palette-GitHubLight-paper-bg:#FFFFFF;--palette-GitHubLight-paper-border:#E1E4E8;--palette-GitHubLight-text-dark:#24292E;--palette-GitHubLight-text-light:#586069;--palette-GitHubLight-accent-color:#0366D6;--palette-GitHubLight-shadow-color:"rgba(0, 0, 0, 0.1)"}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,sans-serif;background-color:#cccccc;color:var(--text-dark);margin:0;line-height:1.6;overflow-x:hidden}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 5%;position:relative;overflow:hidden;background-color:var(--paper-bg);border:1px solid var(--paper-border);box-shadow:0 4px 15px var(--shadow-color);margin:20px auto;max-width:1000px;width:90%;box-sizing:border-box}body.landscape section{max-width:1200px;min-height:70vh;padding:50px 5%}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,monospace;color:var(--text-dark);margin-bottom:1rem}p{color:var(--text-light);max-width:800px}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--text-dark)}.navbar{position:fixed;top:0;left:0;width:calc(100% - 250px);background-color:var(--paper-bg);padding:20px 5%;z-index:1000;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--paper-border);box-shadow:0 2px 10px var(--shadow-color)}.navbar-brand{font-family:IBM Plex Mono,monospace;color:var(--accent-color);font-size:1.5rem}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:30px}.nav-link{font-family:IBM Plex Mono,monospace;color:var(--text-dark);text-decoration:none;font-size:1rem;transition:color .3s ease}.btn,.nav-link:hover{color:var(--accent-color)}.btn{display:inline-block;padding:10px 20px;border:1px solid var(--accent-color);background-color:transparent;font-family:IBM Plex Mono,monospace;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn:hover{background-color:var(--accent-color);color:var(--paper-bg)}.card{background-color:var(--paper-bg);padding:20px;border-radius:5px;margin-bottom:20px;box-shadow:0 2px 5px var(--shadow-color);border:1px solid var(--paper-border)}.card h3{color:var(--accent-color)}.card p{color:var(--text-light)}.card ul{list-style:none;padding:0}.card ul li{color:var(--text-dark);margin-bottom:5px}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap}.skills-list li{color:var(--accent-color);margin-right:15px;margin-bottom:10px;font-size:.9rem}.skills-list li,footer{font-family:IBM Plex Mono,monospace}footer{padding:40px 5%;color:var(--text-light);font-size:.8rem}footer,footer p{text-align:center}.social-icons a{color:var(--text-dark);font-size:2rem;margin:0 15px;transition:color .3s ease}.social-icons a:hover{color:var(--accent-color)}.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}section>div:not(.drawing-canvas){position:relative;z-index:2}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.custom-select{width:100%;padding:8px;border:1px solid var(--paper-border);border-radius:3px;background-color:var(--paper-bg);color:var(--text-dark);font-family:IBM Plex Mono,monospace;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292%22%20height%3D%22292%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.2-6.4H18.2c-4.8%200-9.3%202.1-12.4%205.7-3.1%203.6-4.1%208.3-2.9%2012.9l139.5%20139.5c3.2%203.2%207.1%204.7%2011.1%204.7%204%200%207.9-1.5%2011.1-4.7l139.5-139.5c1.2-4.6.2-9.3-2.9-12.9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px top 50%;background-size:12px auto}.custom-select:focus{border-color:var(--accent-color);outline:none}