:root[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--border-color: #000000}:root[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--border-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,monospace;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5%;position:relative}.portfolio{width:100%;height:100%;position:relative;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-toggle{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;padding:.75rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:100}.theme-toggle:hover{opacity:.7}.portfolio-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:800px}.profile-section{display:flex;align-items:center;gap:2rem;width:100%;justify-content:center}.profile-picture{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.name{font-size:2rem;font-weight:400;letter-spacing:.1em;white-space:nowrap}.social-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.social-link{text-decoration:none;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%}:root[data-theme=dark] .social-link{background-color:#fff;color:#000}:root[data-theme=dark] .social-link svg{fill:#000}:root[data-theme=light] .social-link{background-color:transparent;color:var(--text-color)}:root[data-theme=light] .social-link svg{fill:var(--text-color)}.social-link:hover{opacity:.7}.geometric-decoration{position:absolute;bottom:0;right:0;width:200px;height:200px;overflow:visible;pointer-events:none}.geometric-svg{position:absolute;bottom:0;right:0;opacity:.9}.geometric-svg .triangle-large,.geometric-svg .triangle-small{stroke-width:1}@media (max-width: 768px){.portfolio{padding:1.5rem}.profile-section{flex-direction:column;gap:1.5rem}.profile-picture{width:150px;height:150px}.name{font-size:1.5rem;white-space:normal;text-align:center}.social-links{gap:1.5rem}.social-link{width:2.5rem;height:2.5rem}.theme-toggle{top:1rem;font-size:1.25rem;padding:.5rem}.geometric-decoration,.geometric-svg{width:150px;height:150px}}