*{margin:0;padding:0;box-sizing:border-box;text-transform:lowercase}html,body{height:100%;margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;overflow-x:hidden}#root{display:flex;flex-direction:column;height:100%;width:100%}body{font-family:Merriweather,sans-serif;background-color:#f5f5f5;color:#2c2c2c;line-height:1.6;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.link-logo{width:24px;height:24px;object-fit:contain}.link-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin:6px;background-color:#f0f0f0;color:#333;font-size:14px;text-decoration:none;font-weight:;border-radius:6px;border:2px solid #666}.link-badge:hover{background-color:#e0e0e0;border:2px solid #bbb;transform:translateY(1px)}.section{border-radius:6px;background:#fff;font-size:14px}.section-label{font-size:16px;text-align:center;background-color:#666;color:#fff;border-radius:6px}.section-content{padding-left:0;margin:20px}.section-content ul{list-style-type:none}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-entry{background-color:#f3f3f3;border-radius:9999px;padding:.25rem .75rem;border:1px solid #ddd;transition:all .2s ease}.skill-entry.highlight{background-color:#d8eafd;border-color:#60a5fa;color:#1e3a8a}.dated-entry{padding:5px 0}.company-group{border:1px solid #ddd;border-radius:12px;padding:16px 20px;margin-bottom:20px;background:#fafafa;transition:box-shadow .2s ease}.company-group:hover{box-shadow:0 2px 6px #00000014}.company-name{margin-top:0;margin-bottom:12px;font-size:1.1rem;font-weight:600;color:#333}.resume-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:12px;padding:24px;background-color:#fafafa;font-size:16px}.projects{grid-column:1 / span 4;grid-row:1 / span 4}.education{grid-column:1 / span 4;grid-row:4 / span 4}.experience{grid-column:5 / span 5;grid-row:1 / span 6}.skills{grid-column:10 / span 3;grid-row:1 / span 6}header{background:linear-gradient(135deg,#f4b6b6,#f7cfa4,#f9e6a6,#bde3ae,#a2baff,#d09fdd);color:#fff;padding:10px 0;text-align:center;border-radius:8px;border:solid #666;border-width:0px 0px 2px 0px}nav ul{list-style-type:none;display:flex;justify-content:center;gap:30px;padding:0;margin:0}nav ul li{display:inline-block}nav ul li a{font-size:1.2rem;font-weight:500;color:#000;text-decoration:none;text-shadow:white -1px -1px;transition:color .3s ease}nav ul li a:hover{color:#aaa}h1{font-size:2rem;color:#222;margin-bottom:10px;letter-spacing:1px;text-align:center;font-weight:600}h2{font-size:1.2rem}main{background-color:#fafafa;border-radius:10px;padding:10px;box-shadow:0 6px 10px #0000001a;flex:1;display:flex;flex-direction:column;align-items:center}button{background:#a2baff;color:#fff;padding:12px 25px;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#87a4fa}.button.on{background:#bde3ae}.button.on:hover{background-color:#a7e090}.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;transition:transform .3s ease-in-out}.card:hover{transform:translateY(-5px)}html,body{overflow-x:hidden;width:100%}@media (max-width: 768px){body{padding:10px}nav ul{flex-direction:column;gap:15px}.App{padding:25px 15px}h1{font-size:2.5rem}p{font-size:1rem}button{padding:10px 20px}}