img{border-radius:50px}.header-summary{font-family:bradley hand,cursive;font-size:18px}body{color:#000;text-align:center;background-color:#fff;margin:0;font-family:optima,sans-serif}.top-section{background:linear-gradient(200deg,#eeaeca 0%,#94bbe9 100%);padding-top:20px;padding-bottom:20px}a{text-align:center;color:#000;background-color:#d8bfd8;border-radius:50px;width:100px;margin:10px;padding:5px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}a:hover{background-color:#d8bfd8;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.two-col{align-items:start;gap:1.5rem;max-width:1100px;margin:2rem auto;padding:0 1rem;font-family:optima,sans-serif;display:grid}.col-left,.col-right{background-color:#d8bfd8;border-radius:10px;padding:2px 5px 2px 10px;font-size:18px}.col-left h2,.col-right h2{text-align:left;font-family:optima,sans-serif;font-size:20px}@media (width>=800px){.two-col{grid-template-columns:1fr 1fr;align-items:stretch}}.theme-btn{cursor:pointer;background:#d8bfd8;border:none;border-radius:20px;padding:8px 14px;font-weight:700;position:fixed;top:20px;right:20px}.dark-mode{color:#e2e8f0;background-color:#0f172a}.dark-mode .top-section{background:linear-gradient(200deg,#7a3e6a 0%,#3f5f8a 100%)}.dark-mode .col-left,.dark-mode .col-right{background-color:#2a2438}.dark-mode a{color:#fff;background-color:#334155}body,.top-section,.col-left,.col-right,.projects,.event,.with-bg,.skill-badge,.theme-btn{transition:background .35s,color .25s,box-shadow .25s}.skill-groups,.skill-group{flex-direction:column;gap:.5rem;display:flex}.skill-title{text-align:left;font-size:17px;font-weight:700;text-decoration:underline}.skills-grid{flex-wrap:wrap;gap:.9rem;display:flex}.skill-card{text-align:center;flex-direction:column;align-items:center;width:100px;display:flex}.skill-icon{margin-bottom:.5rem;font-size:2rem;transition:transform .2s}.skill-icon:hover{transform:scale(1.15)}.skill-name{margin:0;font-size:.9rem}.skill-badge{background:#fff9;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;line-height:1.25;transition:box-shadow .2s,background-color .2s}.skill-badge:hover{box-shadow:0 4px 10px #0000001f}.with-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#ffffffa6,#ffffff4d);border-radius:12px;padding:1rem}.no-bg{background:0 0;padding:0}body.dark-mode .skill-title,body.dark-mode .skill-name,body.dark-mode .skills h2,body.dark-mode .about-me h2,body.dark-mode .about-me p,body.dark-mode .projects h2,body.dark-mode .timeline h2,body.dark-mode .event-title,body.dark-mode .event-note,body.dark-mode .event-date{color:#e2e8f0}body.dark-mode .with-bg{background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:0 6px 16px #00000038}body.dark-mode .skill-badge{color:#e2e8f0;background:#ffffff1f}body.dark-mode .theme-btn{color:#e2e8f0;background:#334155}.projects{background-color:#d8bfd8;border-radius:10px;margin:0 150px;padding:1rem;font-family:optima,sans-serif;font-size:18px}.projects h2{text-align:left;margin-top:0;font-family:optima,sans-serif;font-size:20px}.project-list{gap:1rem;display:grid}.project-card{text-align:left;background:#ffffff59;border-radius:12px;padding:1rem;transition:transform .25s,box-shadow .25s,background .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0000001f}.project-title{margin:0 0 .5rem;font-size:1.1rem;text-decoration:underline}.project-description{margin:0 0 .9rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-features{text-align:left;margin:.5rem 0 1rem 1rem;padding-left:1rem}.project-features li{margin-bottom:.3rem;font-size:.95rem;line-height:1.4}.tech-badge{background:#ffffffbf;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:700;display:inline-block}.project-links{flex-wrap:wrap;gap:.75rem;display:flex}.project-link{width:auto;margin:0;padding:.45rem .9rem;display:inline-block}.dark-mode .projects{background-color:#2a2438}.dark-mode .project-card{background:#0f172a59}.dark-mode .tech-badge{color:#e2e8f0;background:#ffffff1f}:root{--gap:1rem;--gap-l:1.5rem;--card-w:260px;--rail:.75rem;--accent:#e6e6e6}.timeline{max-width:150ch;margin:2rem auto;padding-top:1.5rem}.timeline-heading{letter-spacing:.25rem}.timeline h2{margin-bottom:.75rem}.experience-hr{background:linear-gradient(200deg,#eeaeca 0%,#94bbe9 100%);border:none;border-radius:2px;height:4px}.timeline-track{grid-auto-flow:column;grid-auto-columns:var(--card-w);gap:var(--gap-l);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem .25rem;list-style-type:none;display:grid;position:relative;overflow-x:auto}.event{scroll-snap-align:start;border:1px solid var(--accent);background:linear-gradient(200deg,#eeaeca 0%,#94bbe9 100%);border-radius:12px;flex-direction:column;gap:.4rem;padding:.9rem 1rem;display:flex;position:relative}.event-date{opacity:.7;margin-bottom:.75rem;font-size:15px;text-decoration:underline;display:inline-block}.event-title{margin:0 0 .5rem;font-size:1.05rem;line-height:1.3}.event-note{margin:0;font-size:.95rem;line-height:1.45}.event:focus-within,.event:focus{outline-offset:2px;outline:3px solid #b6d7ff}.dark-mode .event{background:linear-gradient(200deg,#6a3c62 0%,#4a6fa3 100%);border-color:#64748b}body,.top-section,.col-left,.col-right,.projects,.event{transition:background .35s,color .25s}@media (width<=799px){.projects{margin:0 1rem}.theme-btn{top:12px;right:12px}}
