:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: 59, 130, 246;--text-nav: 17, 24, 39}#root{margin:0 auto;text-align:center;width:100%}nav{background-color:#fff;justify-content:space-evenly;width:100%;padding:0 2%;display:flex;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a;font-size:1.25em;color:#000;box-sizing:border-box}nav button:hover{background-color:rgba(var(--accent),.1);border-color:rgba(var(--accent),.25)}nav button:active{transform:translateY(10px)}nav button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent),.35);border-color:rgba(var(--accent),.45)}.nav-buttons{display:flex;width:50%;justify-content:space-evenly}.name-div{width:50%;display:flex;align-items:flex-start;font-weight:600}nav button{color:#000;background-color:transparent;padding:1% 6%;border-radius:.4em;border:1px solid transparent;font-size:1em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .08s ease}body{margin:0;display:flex;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}.mail{height:100px}.linkedin{height:60px;cursor:pointer}.github{margin-left:25px;height:70px;cursor:pointer}main{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:12.5% 10%;font-size:24px;background-color:#fff;color:#000;margin:0}#headshot{border-radius:50%}.resume-btn{text-decoration:none;color:#000;padding:1% 6%;background-color:#fff;border-radius:.4em;font-size:24px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .08s ease}.resume-btn:hover{background-color:rgba(var(--accent),.1);border-color:rgba(var(--accent),.25)}.resume-btn:active{transform:translateY(10px)}.resume-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent),.35);border-color:rgba(var(--accent),.45)}.cta{display:flex;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.mail{height:100px;width:auto;display:block;cursor:pointer}.left{text-align:left;width:70%}.right{width:30%}.about-me{display:flex;flex-direction:column;background-color:#f9f9f9;color:#000;text-align:left;padding:10% 10% 2.5%;font-size:24px;color:#242526}.about-me h1{text-align:center;color:#000}.about-me h2{color:#000}.technologies{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;justify-content:center;background-color:#f9f9f9}.items{border:1px solid #ddd;border-radius:10px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;margin:2%;padding:2% 20% 2% 5%;display:flex;flex-direction:row;align-items:center}.items:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.items img{width:50%;margin-right:10px}.projects{padding:4rem 2rem;padding-top:10%;padding-bottom:2.5%;background-color:#fff;text-align:center;font-size:1.6em}.projects h1{color:#333;margin-bottom:.5rem}.projects h2{color:#333;margin-bottom:2rem;text-align:left;padding-left:10%}.card p{text-align:left}h1{margin:0;text-align:center}main h1{text-align:left}.proj-grid{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:1100px;margin:0 auto}.card{background:#fff;border-radius:.8em;box-shadow:0 .4em .4em #0000001a;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.card a{color:#1a73e8;text-decoration:none;font-weight:700}.card a:hover{cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 .8em 1.6em #00000026}.projects h2{margin:2%}textarea{resize:none;background-color:#fff;color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:.25em;padding:1%}.contact{font-size:1.6em;padding:5% 10%;text-align:left;background-color:#fff;color:#000}.contact textarea{width:60%;font-size:.6em}.card-content p{color:#555;font-size:1rem;margin-bottom:.5rem;text-align:center}.project-images{display:flex;align-items:center;justify-content:center;gap:1rem}.arrow{width:40px;height:auto;opacity:.5;cursor:pointer}.code-btn{align-self:center;width:20%;text-decoration:none;color:#000;padding:1% 6%;background-color:#fff;border-radius:.4em;font-size:24px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .08s ease}.code-btn:hover{background-color:rgba(var(--accent),.1);border-color:rgba(var(--accent),.25)}.code-btn:active{transform:translateY(10px)}.code-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent),.35);border-color:rgba(var(--accent),.45)}.private-source{display:block;margin-top:1rem;font-size:.9rem;font-weight:700;color:#888;text-align:center}.card-content h3{font-size:1.8rem;color:#1a73e8;margin-bottom:.5rem}.last{display:flex;justify-content:space-evenly;width:50%;margin:2%}a{cursor:pointer;padding:2%}.project-photo-todo,.project-photo-ctrl{width:100%;border-radius:.5em;margin-top:1rem;margin-bottom:1rem}input{resize:none;background-color:#fff;color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:.25em;padding:1%;width:60%;font-size:.6em}.interests{display:flex;flex-direction:column;background-color:#f9f9f9;color:#000;text-align:left;padding:10%;font-size:24px;color:#242526}.interests h2{text-align:left}@media (max-width: 768px){nav{display:none}main{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "photo" "desc" "cta";row-gap:.9rem;padding:14% 6% 10%;text-align:left}.left,.right{display:contents}main h1{grid-area:title;font-size:2.4rem;justify-self:center}.home{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}#headshot{grid-area:photo;width:200px;max-width:60vw;border-radius:50%;justify-self:center}.left{text-align:center}.cta{grid-area:cta;justify-self:center;justify-content:center;align-items:center;gap:.6rem;display:flex;flex-direction:row;flex-wrap:nowrap}.resume-btn{font-size:1rem;padding:.7rem 1rem}.mail,.linkedin,.github{display:inline-block;vertical-align:middle}.mail{height:64px}.linkedin{height:36px}.github{height:40px;margin-left:8px}.about-me,.interests{padding:12% 6%;font-size:1rem}.technologies{grid-template-columns:repeat(2,1fr);gap:.6rem}.items{margin:.25rem;padding:.6rem .8rem}.items img{width:34px}.projects{padding:12% 6% 8%;font-size:1.05em}.projects h2{padding-left:0;text-align:left}.proj-grid{gap:1rem;margin:0}.card{padding:1rem}.card-content h3{font-size:1.25rem}.card-content p{font-size:.95rem}.project-images{gap:.5rem}.arrow{width:28px;opacity:.6}.project-photo-todo,.project-photo-ctrl{border-radius:.4rem;margin-top:.5rem;margin-bottom:.5rem}.code-btn{width:100%;font-size:1rem;padding:.7rem 1rem}input,textarea{width:100%;font-size:1rem}.contact{font-size:1.05em;padding:10% 6%}}