:root{--background-color: #212121;--background-secondary: #181818;--primary-purple: #4d2768;--secondary-purple: #67308d;--accent-green: #724a90;--text-light: #916eac;--text-muted: #916eac;--foreground-color: var(--primary-purple)}h2{margin:0px}main{color:var(--text-light);display:flex;flex-direction:column}body{height:100%;background-color:var(--background-color);font-family:Roboto}button{background-color:var(--primary-green);color:var(--background-color);border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease}button:hover{background-color:var(--secondary-green)}p{margin:0px}.name{margin-left:50px;color:var(--primary-green);font-weight:600}.navbar{display:flex;padding:10px;background-color:var(--background-secondary);color:var(--text-light);border-bottom:1px solid var(--accent-green)}.nav-link-container{display:flex;margin:0px;margin-left:auto;gap:50px;margin-right:45px}.nav-link-container>li{list-style-type:none}.nav-link-container>li>a{color:var(--text-muted);text-decoration:none;transition:color 0.3s ease}.nav-link-container>li>a:hover{color:var(--primary-green)}.intro-container{display:flex;align-items:center;justify-content:center;flex:2}.role-txt{font-size:60px;color:var(--primary-green)}.hello-txt{font-size:50px;color:var(--text-light)}.name-txt{margin-left:40px;font-size:50px;color:var(--text-light);border-bottom:2px solid var(--accent-green)}.resume-btn{margin:40px 0px}.intro-visual{width:45%;height:400px;border-radius:8px;position:relative;background:radial-gradient(circle 200px, var(--secondary-green), var(--background-color))}.bio-section{padding:60px 50px;max-width:1200px}.bio-section h2{color:var(--primary-green);font-size:32px;margin-bottom:20px}.bio-section h3{color:var(--text-light);font-size:24px;margin:40px 0 20px 0}.bio-section p{color:var(--text-muted);font-size:18px;line-height:1.6}.skills-container{display:flex;flex-wrap:wrap;gap:30px}.skill-item{background-color:var(--background-secondary);border:1px solid var(--accent-green);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:10px}.skill-item img{width:32px;height:32px}.projects-preview{display:flex;gap:30px;margin-top:20px}.project-card{background-color:var(--background-secondary);border:1px solid var(--accent-green);border-radius:8px;padding:24px;flex:1}.project-card h4{color:var(--primary-green);font-size:20px;margin:0 0 12px 0}.project-card p{color:var(--text-muted);font-size:16px;margin:0}