@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--accent:#00f0ff;--accent-2:#fd5;--text:#e6f7ff;--bg:#071019;--panel-bg:#012;--section-bg:#0a1a2b;--h1-size:24px;--h2-size:16px;--font-size:12px}html,body{background-color:var(--bg);height:100%;color:var(--text);justify-content:center;align-items:center;margin:0;padding:0;font-family:"Press Start 2P",monospace;display:flex;overflow:hidden}.container{gap:20px;width:1000px;margin:0 auto;display:flex}.sidebar{flex-direction:column;flex:0 0 30%;gap:15px;max-width:200px;display:flex}.sidebar-image{width:150px;height:150px;margin-bottom:10px;margin-right:10px;position:relative}.sidebar-section{background-color:var(--section-bg);border:2px solid var(--accent);padding:10px}.sidebar-section h2{color:var(--accent-2);font-size:var(--h2-size);margin-bottom:4px}.sidebar-section ul{margin:0;padding-left:0;list-style:inside}.sidebar-section li{color:var(--text);cursor:default;margin-bottom:3px;font-size:11px}.sidebar-section li:hover{color:var(--accent)}.main-content{background-color:var(--bg);border:2px solid var(--accent);flex:1;padding:20px;position:relative}section{margin-bottom:20px}h1{color:var(--accent);font-size:var(--h1-size);margin-bottom:8px}h2{color:var(--accent-2);font-size:var(--h2-size);margin-bottom:8px}.main-content p,.main-content li{color:var(--text);line-height:1.4;font-size:var(--font-size)}.main-content ul{padding-left:15px}.main-content a{color:var(--accent);text-decoration:none;position:relative}.main-content a:hover{color:var(--accent-2);top:-2px;left:2px}.main-content a:after{content:"";background-color:var(--accent);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.main-content a:hover:after{background-color:var(--accent-2)}.tech-tags{flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:5px;display:flex}.tech-tag{background-color:var(--section-bg);color:var(--text);border:2px solid var(--accent);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;transition:all .2s;box-shadow:1px 1px #000,-1px -1px #012}.tech-tag:hover{color:var(--accent-2);border-color:var(--accent-2);transform:translate(-1px,-1px)}.certificate-section{position:relative}.certificate-section .corner-icons{gap:12px;display:flex;position:absolute;bottom:-25px;right:-5px}.corner-icons .icon{color:var(--accent);filter:drop-shadow(2px 2px #000)drop-shadow(-2px -2px #012);width:24px;height:24px;image-rendering:pixelated;cursor:pointer;transition:all .2s}.corner-icons .icon:hover{color:var(--accent-2);transform:translate(-2px,-2px)}@media (max-width:500px){body{zoom:.5;transform-origin:0 0}}