*{margin:0;padding:0}body{background-image:url(/assets/backgroundblack-zrb18yok.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0}.body{align-items:flex-start;gap:20px;max-width:900px;margin-top:50px;display:flex}.exp-logo{object-fit:contain;width:80px;height:80px}html{scroll-behavior:smooth}.mainbody{width:100%}.sub_body{margin-bottom:60px}@media (width<=768px){.sub_body{margin-bottom:25px}}@media (width<=480px){.sub_body{margin-bottom:20px}}.body2{flex-direction:column;justify-content:center;align-items:center;max-width:1000px;margin:auto;display:flex}.footerbar{justify-content:center;margin-top:16px;padding:10px 16px;display:flex;position:relative}.navbar{z-index:10;-webkit-backdrop-filter:blur(8px);background:#0000008c;justify-content:space-between;padding:15px 24px;display:flex;position:sticky;top:0}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:72vh;padding:40px 0 24px;display:flex}.hero h1{margin-bottom:12px;font-size:4rem}.menu{align-items:center;gap:30px;margin:0;list-style-type:none;display:flex}.menu li,.menu li a{color:#fff;font-size:1rem;text-decoration:none}.menu li a:hover{color:#61dafbaa}#root{width:65%;min-height:100vh;margin:0 auto}.logo{will-change:filter;height:4em;transition:filter .3s;display:inline-block}.body{box-sizing:border-box;flex:1;align-items:flex-start;gap:25px;width:auto;height:auto;margin-top:40px;display:flex;overflow:hidden}.about{display:flex}.CUpicture{height:20em;margin-top:12px}.text{margin-left:14px}.title{text-align:center;margin-top:72px;margin-bottom:32px;font-size:2.4rem}.la{height:14em;margin-left:14px;margin-right:14px;display:inline-block}.read-the-docs{color:#888}.subtitle{color:#d0d0d0;margin-top:12px;font-weight:400}.section-title{text-align:center;margin-bottom:32px;font-size:2.4rem}.projects-group{width:100%;max-width:1000px;margin:0 auto 48px}.project-category{color:#f0f0f0;text-align:left;margin-bottom:20px;font-size:1.5rem}.project-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px;padding:24px;display:flex}.project-card.with-image .text{flex:1}.project-card .text h3{margin-bottom:10px}.project-card .text p{margin-bottom:10px;line-height:1.6}.project-card a{color:#fff;text-decoration:none}.project-card a:hover{color:#cfcfcf}@media (width<=768px){.project-card,.project-card.with-image{flex-direction:column;align-items:flex-start}.project-category{text-align:center}.projects-group{padding:0 16px}}.hero-blurb{color:#bdbdbd;max-width:640px;margin-top:20px;line-height:1.7}.hero-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.hero-btn{color:#fff;background:#61dafb1f;border:1px solid #61dafb;border-radius:999px;padding:10px 22px;font-size:.95rem;transition:background .2s,color .2s}.hero-btn:hover{color:#0b0b0b;background:#61dafb}.hero-btn.secondary{background:0 0;border-color:#ffffff4d}.hero-btn.secondary:hover{color:#fff;background:#ffffff1f}.exp-header{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:8px;display:flex}.exp-dates{color:#a8a8a8;white-space:nowrap;font-size:.9rem}.exp-points{margin-bottom:10px;padding-left:20px}.exp-points li{margin-bottom:6px;line-height:1.6}.tech-line{color:#cfcfcf;margin-top:6px}.project-card.featured{background:#61dafb0d;border:1px solid #61dafb59}.project-links{gap:20px;margin-top:6px;display:flex}.project-card .project-links a{color:#61dafb}.project-card .project-links a:hover{color:#fff}.skills-section{max-width:1000px;margin:0 auto 60px}.skill-group{margin-bottom:26px}.skill-group h3{color:#f0f0f0;margin-bottom:12px}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:.9rem}@media (width<=768px){#root{width:90%}.hero h1{font-size:2.8rem}.menu{flex-wrap:wrap;justify-content:center;gap:16px}.body{flex-direction:column;gap:12px}.text{margin-left:0}.la{height:10em;margin:0}}.title h1{font-size:clamp(2.4rem,9vw,4.5rem)}.projects-group,.project-card{box-sizing:border-box}.project-card .text,.body .text{overflow-wrap:anywhere;min-width:0}.headshot{object-fit:cover;border:2px solid #61dafb99;border-radius:50%;width:160px;height:160px;margin-bottom:24px}#about,#experience,#projects,#skills{scroll-margin-top:56px}@media (width<=768px){.headshot{width:120px;height:120px}}body{overflow-x:clip}.navbar{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50% + 24px);padding-right:calc(50vw - 50% + 24px)}@media (width<=480px){.navbar{padding-top:12px;padding-bottom:12px}.menu{flex-wrap:nowrap;gap:14px}.menu li a{font-size:.9rem}}html,body{margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;width:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}