:root{--primary-bg: #121212;--secondary-bg: #1e1e1e;--accent-color: #bb86fc;--text-primary: #ffffff;--text-secondary: #aaaaaa;--card-bg: #2d2d2d;--border-color: #333;--transition: all .3s ease}body{margin:0;padding:0;font-family:Roboto,Helvetica Neue,sans-serif;color:var(--text-primary);background-color:var(--primary-bg);height:100%;overflow-y:auto;line-height:1.6}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--text-primary);text-decoration:underline}#content{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}h1,p,a,button{color:#fff;text-decoration:none}button{background:transparent;border:2px solid white;padding:10px 20px;font-size:1rem;cursor:pointer;transition:all .3s ease}nav{padding-left:2em;padding-right:2em;display:flex;justify-content:space-between;align-items:center;height:8.5vh;font-size:larger;color:#fff;background-color:#333}nav>p{width:20vw;text-align:fit-content}nav>.nav-btns{display:flex;justify-content:space-between;width:30vw;gap:.5em}nav button{width:80vw;padding:.5em;text-align:center;cursor:pointer;color:#fff;font-size:medium;border:2px dashed #333;background-color:inherit}nav button:hover{border:2px dashed white;transition:border .3s ease}.profile-img{width:250px;height:225px;border-radius:25px;object-fit:cover}#projects-page{display:flex;flex-wrap:wrap;justify-content:center;gap:3em;padding:3em}.project-card{width:30vw;height:inherit;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0003;background-color:var(--card-bg);transition:var(--transition)}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0003}.project-image{width:100%;height:auto;object-fit:cover}.project-description{padding:1.2em;font-size:1rem;color:var(--text-primary);text-align:left}.project-links{display:flex;justify-content:space-around;padding:1em;background-color:#0003;border-top:1px solid var(--border-color)}.project-links a{color:var(--accent-color);font-size:.9rem}.experience-card{display:flex;justify-content:space-between;align-items:flex-start;background:var(--card-bg);border-radius:8px;padding:1.5em;margin:1em 0;width:100%;max-width:800px;box-shadow:0 2px 8px #0000001a;transition:var(--transition)}.experience-left{display:flex;align-items:flex-start;gap:1.5em;flex:1}.experience-logo{width:80px;height:80px;object-fit:contain;border-radius:6px;flex-shrink:0}.experience-text{display:flex;flex-direction:column;text-align:left;flex:1}.experience-company{font-weight:600;margin:0 0 .5em;color:var(--text-primary);font-size:1.2rem}.experience-description{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.experience-right{display:flex;align-items:flex-start;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;padding-left:1em}.experience-dates{margin:0;font-style:italic}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a1a;color:#fff;margin:0;padding:0}.about-container{max-width:800px;margin:0 auto;padding:2rem}.about-heading{font-size:2.5rem;margin-bottom:1.5rem;color:#fff}.about-text{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#ccc}.skills-title{font-size:1.8rem;margin-bottom:1.5rem;color:#fff}.skills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-item{min-width:fit-content;padding:.5em;text-align:center;cursor:pointer;color:#fff;font-size:medium;border:2px dashed #2a2a2a;background-color:#2a2a2a;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.skill-item:hover{border:2px dashed white;color:#fff}.skill-item iconify-icon{width:auto;height:24px;color:#fff}.hamburger-menu{display:none;font-size:2rem;cursor:pointer}@media (max-width: 768px){.nav-btns{display:none;flex-direction:column;gap:.5em;position:fixed;right:0;top:8.5vh;background-color:#333;color:#fff;width:100px;padding:1em;box-shadow:0 4px 10px #00000080;z-index:1}.hamburger-menu{display:block}.nav-btns button{display:block;width:100%;text-align:center;padding:1em;color:#fff}.nav-btns{display:none}#projects-page,#experience-page{flex-direction:column;align-items:center}.project-card,.experience-card{width:90%}}