@import"https://fonts.googleapis.com/css2?family=Doppio+One&display=swap";html,body,#root{overflow-x:hidden;width:100%;max-width:100vw}: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:#000814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#000814;height:100%}body{background-color:#000814;margin:0;min-height:100vh;display:flex;place-items:center;color:#fff}a{font-weight:200;color:#fff;text-decoration:inherit}a:hover{color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box}.header{position:fixed;top:0;left:0;width:100%;max-width:100vw;overflow-x:hidden;height:105px;padding:0 2.5%;display:flex;justify-content:flex-start;align-items:center;z-index:100}.logo{font-size:20px;color:#000;text-decoration:none;margin-right:20px}.navbar{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;overflow-x:auto;white-space:nowrap;background-color:#000;border-radius:40px;border:2.5px solid #1D1D26;padding:6px 10px;width:fit-content;max-width:100%;margin-left:auto}.navbar a{font-size:clamp(12px,3vw,16px);padding:5px 12px;white-space:nowrap;color:#fff;text-decoration:none;border-radius:30px;transition:background-color .4s ease,transform .4s ease}.navbar a:first-child{margin-left:0}.navbar a:hover{background-color:#bed6ff2e;border-radius:25px}body{margin:0;padding-top:105px;overflow-x:hidden}html,#root{overflow-x:hidden;max-width:100vw}.socials{position:fixed;right:55px;top:25%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1em}@media (max-width: 600px){.socials{right:20px;top:30%}}.socials a{display:inline-block;position:relative}.icon{width:45px;height:45px;display:block;filter:grayscale(100%) brightness(.6);transition:filter .6s ease}.socials a:hover .icon{filter:grayscale(100%) brightness(2)}.headshot{width:100%;max-width:clamp(150px,50vw,281px);height:auto;object-fit:cover;margin:20px 0 25px}body{font-size:1.5em;font-weight:50;font-family:Outfit,sans-serif;background-color:transparent}h1{font-size:clamp(1.9rem,5vw,3.2rem);font-weight:300;color:#fff;margin:10px 0 0;white-space:nowrap;overflow:hidden}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;letter-spacing:1.5px;color:#fff;padding-top:1rem;padding-bottom:3rem;white-space:nowrap;overflow:hidden;justify-content:center;text-align:center}.heading-three{font-size:1.3rem;padding-top:0rem;padding-bottom:0rem}.job-title{font-size:clamp(1rem,3.9vw,2.2rem);font-weight:100;letter-spacing:1.5px;color:#fff;margin:10px 0 40px;white-space:nowrap;overflow:hidden}h3{font-size:1em;font-weight:400;color:#fff;padding-top:1rem;padding-bottom:1rem}.text-wrapper{font-size:clamp(.8rem,2vw,1.5rem);font-weight:200;letter-spacing:1.5px;color:#fff;margin:10px 0 50px;white-space:nowrap;overflow:hidden}@media (max-width: 500px){.text-wrapper{font-size:clamp(.2rem,4vw,.8rem)}}@media (max-width: 400px){.text-wrapper{font-size:clamp(.2rem,4vw,.6rem)}}.location{display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,2vw,1.4rem);line-height:1.2;margin:10px auto;color:#fff;gap:.3em}.location img{font-size:clamp(.6rem,1.3vw,.8rem);width:clamp(.4em,2vw,1em);height:auto;vertical-align:middle}.skills-grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;column-gap:.1vw;row-gap:5px;width:100%;box-sizing:border-box;overflow:hidden}@media (max-width: 500){.skills-grid-container{display:grid;column-gap:20%;row-gap:5px;width:100%;box-sizing:border-box;overflow:hidden}}.skills-row,.text-row{display:contents}.skills-row img,.text-row p{grid-column:span 1;justify-self:center;align-self:center}.image{width:100%;max-width:68px;height:auto;object-fit:contain}.image-small{max-width:54px}.image-large{max-width:82px}.image-offset{position:relative;top:4px;left:5px}.text-row p{margin:0;font-size:calc(10px + .5vw);text-align:center;word-wrap:break-word}@media (max-width: 600px){.image{max-width:56px}.image-small{max-width:44.8px}.image-large{max-width:67.2px}.text-row p{font-size:calc(8px + .5vw)}}@media (max-width: 500px){.image,.image-small{max-width:20px;width:30%}.image-large{max-width:20px;width:45%}.text-row p{font-size:8px}}.backdrop-container{position:relative;width:60%;max-width:100%;margin:0 auto;overflow:hidden}.backdrop-container{position:relative;width:80%;max-width:100%;margin:0 auto;overflow:hidden;margin-top:1.5rem;margin-bottom:10rem}@media (max-width: 600px){.backdrop-container{width:100%}}.backdrop-img{display:block;width:100%;height:auto}.backdrop-text-overlay{position:absolute;top:67%;left:5%;transform:translateY(-50%);color:#fff;max-width:400px;text-align:left;pointer-events:none}.backdrop-text-overlay p{font-size:clamp(.2rem,1.5vw,1.2rem);margin:0 0 1rem;line-height:1.4}.backdrop-text-overlay p:nth-child(3){font-size:clamp(.2rem,1.5vw,1rem);margin-bottom:0}.search-container{color:#fff;background-color:#ffffff26;transition:background-color .4s ease,color .4s ease;padding:0 45px 0 0;position:absolute;top:16%;left:35%;width:60%;height:8.5%;max-width:500px;transform:translateY(-50%);border-radius:11px;border:none;outline:none;box-sizing:border-box;margin:0 auto;z-index:1}@media (max-width: 1000px){.search-container{top:20.5%;left:36%;width:60%;transform:translateY(-50%);height:12%}}@media (max-width: 850px){.search-container{top:17%;left:35%;width:62%;transform:translateY(-50%);height:13%}}@media (max-width: 600px){.search-container{top:17%;left:35%;width:58%;transform:translateY(-50%);height:12%}}@media (max-width: 500px){.search-container{top:36%;left:35%;width:60%;transform:translateY(-50%);height:12%}}@media (max-width: 400px){.search-container{top:18%;left:35%;width:60%;transform:translateY(-50%);height:auto}}.search-input{color:#fff;background-color:transparent;width:100%;padding:9px 45px 9px 15px;font-size:calc(.6em + .5vw);line-height:1.1;font-weight:400;font-family:Outfit,sans-serif;border-radius:10px;border:none;outline:none;box-sizing:border-box;z-index:1}.search-container:hover{background-color:#0003}.search-input::placeholder{color:#bbc9dd;font-style:italic}@media (max-width: 800px){.search-input::placeholder{font-size:14px;width:140%}}@media (max-width: 580px){.search-input::placeholder{font-size:12px;width:140%}}@media (max-width: 400px){.search-input::placeholder{font-size:10px;width:400%}}.search-button{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;font-size:20px;color:#bbc9dd;transition:background-color .2s ease,color .2s ease;z-index:2;outline:none}@media (max-width: 580px){.search-button{font-size:15px}}@media (max-width: 400px){.search-button{font-size:10px}}.search-button:hover{color:#fff}.search-button svg{pointer-events:none}.search-button:focus{outline:none}.backdrop-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.line-container{width:100%;display:flex;justify-content:center;padding-top:5rem;padding-bottom:3rem}.horizontal-line{width:100%;height:.1px;background-color:#d0d0d0}.suggestions-dropdown{font-size:15px;font-weight:400;position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:#1119;border-top:none;border-radius:11px;list-style-type:none;padding:0;margin:0;box-shadow:0 2px 4px #00000080;z-index:10}.suggestions-dropdown li{padding:10px;cursor:pointer;transition:background-color .2s}.suggestions-dropdown li:hover,.suggestions-dropdown li.focused{background-color:#0006}.response-message{font-size:18px;color:#fff;margin-top:10px}.pdf-button{font-size:1.5rem;font-weight:500;background-color:#b11510;border-radius:30px;border:3px solid #ec706c;padding:12px;transition:border .3s ease,color .3s ease;box-shadow:none}.pdf-button:hover{border:3px solid #efe7e7;outline:none}.timer{font-size:1.7rem}:root{--font-size-base: 16px}body{font-size:var(--font-size-base);padding:0;margin:0;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}.container{font-size:var(--font-size-base);width:100%;margin:3em auto 5em;display:flex;flex-direction:column;justify-content:flex-start;border-radius:15px;padding:3em 0}.name{font-size:2.5rem}.job-title{font-size:1.5rem}.section-name{font-size:1.3rem;position:relative;margin-left:0;text-align:left;top:10%;padding:.1em .5em;margin-top:.6em;margin-bottom:0}.experience-section,.skills-section{font-size:var(--font-size-base);border:2px solid white;border-radius:15px;padding:.2em 1em;margin-bottom:1em}.education-section{font-size:var(--font-size-base);border:2px solid white;border-radius:15px;padding:.1em 1em .7em;margin-bottom:1em}.resume-table{background-color:#243450;font-size:var(--font-size-base);border-collapse:separate;border-spacing:0;min-width:200px;width:100%;table-layout:fixed;border:1px solid white;border-radius:10px;padding:0 .1em;margin-top:.6em;text-align:left}.education-table{background-color:#432602;font-size:var(--font-size-base);border-collapse:separate;border-spacing:0;min-width:200px;width:100%;table-layout:fixed;border:1px solid white;border-radius:10px;padding:0 .1em;margin-top:.6em;text-align:left}.resume-table th{font-size:1rem;font-weight:400;flex:1;padding:10px;min-width:200px;table-layout:fixed;border-collapse:collapse;margin:0}.education-table th{font-size:.7rem;font-weight:400;flex:1;padding:10px;min-width:200px;table-layout:fixed;border-collapse:collapse;margin:0}ul{padding:1em 1.5em;margin:0}li{font-size:.98rem;text-align:left;margin-bottom:.3em}.download-link{font-size:1.5rem;background-color:#000;border-radius:30px;border:3px solid #5c6474;color:#fff;text-decoration:none;padding:10px 15px;display:inline-block;transition:border .3s ease,transform .3s ease;margin-top:2em;margin-bottom:5em}.download-link:hover{border:3px solid white}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:transparent}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}