:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:url(/assets/PageBackgroundIdea_1-CzaM3MbW.png);background-size:cover;background-repeat:repeat;background-position:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gold: #795937;--goldv2: #D1B394;--black: #1a1a1d}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-wrapper{display:flex;flex-direction:column;min-height:94vh}.app-main{flex:1;padding:1rem}header,footer{height:2.5rem}.head-space-content{height:100px;width:1px}footer{margin-top:auto}nav{display:flex;gap:100px;justify-content:center;align-items:center}a{font-weight:500;font-size:25px;color:var(--goldv2);text-decoration:inherit}a:hover,a.active{text-decoration:underline;text-decoration-color:var(--goldv2)}h1{font-size:3.2em;line-height:1.1}.h2-title{text-align:left;font-size:2.5em;border-bottom:2px solid var(--gold)}.nav-button{display:none}.input-button{border:1px solid var(--gold);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--goldv2);background-color:var(--black);cursor:pointer;transition:border-color .25s}.input-button:hover{border-color:var(--goldv2)}.input-button:focus,.input-button:focus-visible{outline:4px auto -webkit-focus-ring-color}.iframe-resume{width:70%;height:750px}@media (max-width: 1024px){.iframe-resume{width:90%}}@media (max-width: 768px){#root{max-width:768px;margin:0;padding:0;text-align:center}.app-wrapper{display:flex;flex-direction:column}.app-main{flex:0;padding:0}nav{gap:48px}a{font-size:25px}.iframe-resume{margin-top:10px;margin-bottom:30px}}@media (max-width: 520px){#root{max-width:520px}nav{gap:10px}a{font-size:20px}.iframe-resume{height:500px}}@media (max-width: 425px){#root{max-width:425px}header{display:flex;flex-direction:row;height:.05rem;margin-left:2%}.nav-button{display:inline-block;position:relative;width:25px;height:35px;border:1px solid var(--gold);background-color:var(--black);margin-left:-1px}.nav-button:hover{border-color:none}.nav-button:focus,.nav-button:focus-visible{outline:none}nav{flex-direction:column;justify-content:flex-start;text-align:left;width:0px;height:0px;overflow:hidden;transition:width .3s ease;gap:5px;z-index:10;border:2px solid var(--gold);background-color:var(--black)}nav.expanded{width:130px;height:180px}.nav-arrow{display:inline-block;position:absolute;transform:translate(-80%,-50%) rotate(45deg);width:12px;height:12px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transition:transform .3s ease}header .nav-arrow.expanded{transform:translate(-20%,-50%) rotate(-135deg)}.iframe-resume{height:400px;margin-top:50px}}@media (max-width: 376px){#root{max-width:376px}header{height:1rem}}@media (max-width: 321px){#root{max-width:320px}}:root{--gold: #795937;--gold-v2: #D1B394;--black: #1a1a1d}.aboutme{display:flex;gap:12px;text-align:left;width:800px;margin:0 auto}.aboutme-h2{text-align:left;padding-left:41%;margin-bottom:0;font-size:40px}.aboutme-p{width:600px;height:auto;margin-left:50px;padding-left:10px;padding-right:10px;background-color:var(--black);border:2px solid var(--gold)}.img-container{width:auto;height:auto;display:flex;justify-content:center;flex-shrink:0}.aboutme-pic{width:220px;height:300px;border:2px solid var(--gold);box-shadow:0 2px 6px #0000001f}@media (max-width: 768px){.aboutme{margin-bottom:30px;padding-left:3%}.aboutme-p{width:425px;height:auto;margin-left:20px}}@media (max-width: 520px){.aboutme{padding-left:0}.aboutme-h2{text-align:center;padding-left:0%;margin:0}.aboutme{width:auto;flex-direction:column;margin:0}.aboutme-p{width:auto;margin-left:0}}@media (max-width: 425px){.aboutme{margin-bottom:30px}.aboutme-h2{margin-top:10%}}.projects-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.project-card{background:var(--black);border:2px solid var(--gold);padding:18px;box-shadow:0 8px 24px #0c14281f;display:flex;flex-direction:column;width:320px;height:280px;position:relative}.card-header{display:flex;align-items:center;gap:12px;text-align:left}.card-logo{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.card-title-wrap{flex:1 1 auto;min-width:0}.project-title{margin:0;font-size:1.1rem;color:#fff;line-height:1.1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-sub-date{margin:4px 0 0;font-size:.9rem;color:var(--goldv2)}.project-desc{display:block;text-align:left}.tech-list{display:block;height:40px;text-align:left;margin-top:10px}.h2-title-proj-underline{width:15%}@media (max-width: 1024px){.projects-grid{padding-left:5%}.h2-title-proj-underline{width:20%}}@media (max-width: 768px){.projects-grid{padding-left:3%;margin-bottom:30px}.h2-title-proj-underline{margin-left:3%;width:23%}.project-card{width:300px;height:300px}}@media (max-width: 520px){.projects-grid{padding-left:15%}.h2-title-proj-underline{margin-left:4%;width:35%}.project-card{margin-left:0}}@media (max-width: 425px){.projects-grid{margin-left:2%;padding-left:6%}.h2-title-proj-underline{width:40%}}@media (max-width: 375px){.projects-grid{padding-left:10%}.project-card{width:235px;height:350px}.h2-title-proj-underline{width:48%}}@media (max-width: 320px){.h2-title-proj-underline{width:55%}.projects-grid{padding-left:3%}}#footer{display:flex;flex-direction:row;justify-content:space-between}.contact{display:flex;flex-direction:row}.info-wrap{flex:1 0 auto;min-width:0;margin-right:10%}.info-title{margin:0;font-size:1.02rem;color:#fff;line-height:1.05;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-sub{margin-top:5%;font-size:.78rem;color:#fff}.div-spacer{width:20px;height:1px}.info-img{display:flex;flex-direction:row}.contact a{margin:0}img{width:36px;height:36px}.contact-icon{position:relative;cursor:pointer}.tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}.contact-icon:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}@media (max-width: 430px){#footer{flex-direction:column;justify-content:center}.contact{justify-content:center}}.job-container{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.job-card{background:var(--black);border:2px solid var(--gold);padding:18px;box-shadow:0 8px 24px #0c14281f;display:flex;flex-direction:row;text-align:left;width:380px;height:220px;position:relative}.spacer-inbetween-jobs{width:10px;height:1px}.date-col{display:flex;flex-direction:column;justify-content:right;gap:6px;text-align:right;padding-right:6px;box-sizing:border-box;z-index:10}.date-col .date{color:#c69c52;font-weight:700;font-size:1rem;line-height:1}.date-col .date.small{color:#b8b8b8;font-weight:600;font-size:.95rem}.job-company{margin:2px 0 6px;font-size:1.6rem;line-height:1.05;font-weight:700;color:#fff;letter-spacing:-.01em}.job-title{margin:0 0 8px;font-size:1.05rem;color:var(--goldv2);font-weight:600}.job-desc{margin:0 0 10px;color:#e8e8e8;font-size:.98rem;line-height:1.5;max-width:60ch}.h2-title-job-underline{width:18%}@media (max-width: 1024px){.h2-title-job-underline{width:24%}}@media (max-width: 768px){.h2-title-job-underline{width:30%;margin-left:5%}.job-container{grid-template-columns:1fr;margin-bottom:30px;padding-left:9%}.job-card{width:580px;height:200px}}@media (max-width: 520px){.h2-title-job-underline{width:45%}.job-card{width:auto;min-height:200px}}@media (max-width: 425px){.h2-title-job-underline{width:55%}.job-card{min-height:240px}}@media (max-width: 375px){.job-card{min-height:260px}.h2-title-job-underline{width:62%}}@media (max-width: 320px){.h2-title-job-underline{width:72%}.job-card{min-height:320px}}:root{--gold: #795937;--goldv2: #D1B394;--black: #1a1a1d}.edu-card{background:var(--black);border:2px solid var(--gold);padding:18px;box-shadow:0 8px 24px #0c14281f;display:flex;flex-direction:row;text-align:left;min-width:500px;min-height:160px;max-width:800px;max-height:400px;position:relative}.spacer-inbetween-schools{width:1px;height:25px}.edu-header{display:flex;flex-direction:row;justify-content:space-between}.content-col{color:#f8f8f8;padding-left:8px;box-sizing:border-box}.edu-school{margin:2px 0 6px;font-size:1.6rem;line-height:1.05;font-weight:700;color:#fff;letter-spacing:-.01em}.edu-date{color:var(--goldv2)}.edu-major{margin:0 0 8px;font-size:1.05rem;color:var(--goldv2);font-weight:600}.edu-desc{margin:0 0 10px;color:#e8e8e8;font-size:.98rem;line-height:1.5}.h2-title-edu-underline{width:18%}.h2-title-extra-underline{width:25%}.h2-title-extra{text-align:left;font-size:2.5em;border-bottom:2px solid var(--gold)}@media (max-width: 1024px){.h2-title-edu-underline{width:22%}.h2-title-extra-underline{width:35%}}@media (max-width: 768px){.h2-title-edu-underline{width:26%}.h2-title-extra-underline{width:42%}}@media (max-width: 520px){.edu-card{min-width:auto;max-width:auto;min-height:160px;max-height:600px}.h2-title-edu-underline{width:40%}.h2-title-extra-underline{width:62%}}@media (max-width: 425px){.edu-header{flex-direction:column;justify-content:normal}.edu-card{min-width:auto;max-width:auto;min-height:160px;max-height:800px}.h2-title-edu-underline{width:50%}.h2-title-extra-underline{width:77%}}@media (max-width: 375px){.edu-card{min-width:auto;max-width:auto;min-height:160px;max-height:1000px}.h2-title-edu-underline{width:55%}.h2-title-extra-underline{width:70%}.h2-title-extra{font-size:2em}}@media (max-width: 320px){.h2-title-edu-underline{width:65%}.h2-title-extra-underline{width:83%}}.large-input{width:300px;height:110px}.med-input{width:200px;height:35px}
