:root{--bg-color:#000;--fg-color:#fff;--sec-color:#45da63;--sec-color-2:rgba(69, 218, 99, 0.7)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Courier New", Courier, monospace;color:var(--fg-color);overflow-x:hidden;position:relative;background-color:var(--bg-color);max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;min-height:100vh}a{color:var(--sec-color)}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:transparent;z-index:99}header .logo{color:var(--fg-color);font-weight:bold}header nav a{margin-left:20px;color:var(--fg-color);text-decoration:none;font-weight:bold;background:linear-gradient( to right, var(--sec-color) 50%, var(--fg-color) 50% );background-size:200% 100%;background-position:right;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 0.3s ease}header nav a:hover{background-position:left}progress{background-color:transparent;border:1px solid var(--sec-color);height:10px;width:100px;appearance:none}progress::-webkit-progress-bar{background-color:transparent}progress::-webkit-progress-value{background-color:var(--sec-color)}progress::-moz-progress-bar{background-color:var(--sec-color)}section ol{margin-left:50px}section li{margin-bottom:5px}ul{list-style-type:"» "}ul li{margin-left:25px}h2{font-size:clamp(1rem, 5vw, 1.5rem)}p{font-size:clamp(0.8rem, 2vw, 1.0rem)}.hamburger{display:none;font-size:1.8rem;cursor:pointer;color:var(--fg-color);user-select:none}.side-menu{position:fixed;top:0;right:-250px;width:250px;height:100vh;background:var(--sec-color);box-shadow:-2px 0 5px rgba(0, 0, 0, 0.7);padding:60px 20px;display:flex;flex-direction:column;gap:20px;transition:right 0.3s ease;z-index:20}.side-menu.open{right:0}.side-menu a{color:var(--bg-color);font-weight:bold;text-decoration:none;font-size:1.2rem;z-index:99999}.side-menu a:hover{color:var(--fg-color)}.side-menu div{margin-top:15px;display:grid;gap:15px}@media (max-width: 768px){nav{display:none}.hamburger{display:block}}footer{text-align:center;padding:20px;background:transparent;font-size:0.9rem}footer .socials{margin-top:10px;font-size:20px}#network-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.3);z-index:-1;pointer-events:none}.highlight{color:var(--sec-color)}.hero{display:flex;position:relative;justify-content:space-between;align-items:center;height:100vh;margin-top:-100px}.hero-text{max-width:100%}.hero-text h2{font-size:clamp(2.5rem, 5vw, 4.5rem);margin-bottom:35px}.typing-text{border-right:2px solid var(--sec-color);overflow:hidden;color:var(--sec-color)}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:2.5rem;background:none;border:none;color:var(--sec-color);cursor:pointer;animation:bounce 2s infinite;transition:color 0.3s ease}.scroll-down.hidden{opacity(0);pointer-events:none}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.btn{display:inline-block;margin-top:20px;padding:10px 20px;color:var(--sec-color);border:1px solid var(--sec-color);text-decoration:none;transition:0.3s;text-align:center;align-content:center;justify-content:center}.btn:hover{background:var(--sec-color);color:var(--bg-color)}section{padding:40px}section h3{margin-bottom:20px}section p{text-align:justify;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:15px}.project-card{background:rgba(0,0,0,0.5);border:1px solid var(--sec-color);padding:15px;margin-bottom:15px;transition:transform 0.3s ease}.project-card:hover{cursor:pointer;transform:scale(1.02)}.project-card h4{margin-bottom:15px}.card-thumbnail{width:100%;height:auto}.project-tags{margin-top:25px;background-color:var(--sec-color);display:flex;row-gap:5px;column-gap:20px;justify-content:center;padding-top:3px;padding-bottom:3px;flex-wrap:wrap}.project-tags span{color:var(--bg-color);font-weight:bold;font-size:0.8rem}.social-btn{font-size:25px;border:none}.social-btn:hover{box-shadow:none}.fade-in{opacity:0;transform:translateY(50px);transition:opacity 0.6s ease-out, transform 0.6s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}.progress-bar{margin-top:15px;display:flex;gap:10px}.progress-bar progress{margin-top:3px}.progress-bar p{font-size:12px}.project-image{width:90%;max-width:700px;height:auto;margin-bottom:30px;border:1px solid var(--sec-color)}.start-date{font-size:12px}.project-page h2{margin-bottom:30px}