*{box-sizing:border-box}:root{--main-background-color: #2d2f57;--light-green: #cdebd3;--orange: #ff914d;--highlight-blue: #393be5;--medium-purple: #b6b4e1;--light-purple: #ddd9f0;--dusty-red: #cc7172;--main-text-color: #262626;--scroll-offset: 50px}:root{width:100%;margin:0;padding:0;text-align:center;overflow-y:scroll;overflow-x:hidden;font-family:Avenir,Helvetica,system-ui,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--main-text-color);background-color:var(--main-background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,section{width:100%}html{scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;max-width:100vw;height:100%;cursor:url(/images/cursor-arrow.png),auto;background-color:var(--main-background-color);background-image:url(/images/graphy-dark.png);background-repeat:repeat}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:transparent}button:focus,button:focus-visible{outline:0px auto -webkit-focus-ring-color}@media (hover: hover){body:before{content:"hover";display:none}}@media (max-width: 767px){body{text-size-adjust:none}}.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}.divider{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;overflow-y:visible}.divider img{width:100%;height:auto;max-height:100%}.title-banner{display:flex;justify-content:center;align-items:center;position:relative;padding-top:2vmin;padding-bottom:5vmin;width:auto;max-width:50%;height:2.5em;align-self:center}.title-banner img{width:100%;height:auto}@media (orientation: portrait){.title-banner{max-width:70%}}.hero-container{padding-bottom:8%}.office-container{display:flex;padding-bottom:1rem;overflow:visible;position:relative;transition:all .3ms linear;justify-content:center;align-items:center}.office{position:relative;height:fit-content;width:fit-content;z-index:100}.office-image{display:inline-flex;max-width:100%;height:auto;max-height:95vh}.clouds-container{width:fit-content;height:0;position:absolute;overflow:visible;pointer-events:none;animation:cloud-drift 1s ease-in-out infinite alternate;z-index:200}.banner-container{margin-top:1rem;position:relative;height:fit-content;width:fit-content;max-width:100%;align-items:center;z-index:200}.banner-img{display:inline-flex;height:auto;width:auto;max-width:50vw;max-height:30vh}@media (max-width: 1000px),(orientation: portrait){.office-container{flex-direction:column}.office{transform:translateY(12%)}.banner-container{height:0;overflow:visible}.clouds-container{top:23vmin;left:0%;overflow:visible;pointer-events:none}.clouds-img{width:80%}}@media (min-width: 1000px),(orientation: landscape){.office{transform:none}.office-container{flex-direction:row-reverse}.office-image{min-width:70%}.banner-container{margin-top:10vh;height:fit-content;transform:translate(-10%) translateY(-20%)}.banner-img{max-width:35vw}.clouds-container{display:flex;top:12vmin;min-width:70%;width:auto;height:30%;justify-content:center}.clouds-img{max-width:50vw;max-height:100%;width:auto;transform:translate(-5%)}}@media (min-width: 1300px){.clouds-img{transform:none}}@keyframes cloud-drift{0%{left:0}to{left:8px}}.skills-sprite{position:absolute;width:11%;height:12%;left:66%;top:40%;clip-path:polygon(0% 5%,100% 51%,100% 100%,0% 47%);background-image:url(/images/skills-sprite.png);background-repeat:repeat-y;background-size:100% auto;animation:skills-scroll 20s linear infinite}.skills-sprite:hover{animation-play-state:paused}@keyframes skills-scroll{0%{background-position:0% -15%}to{background-position:0% 113%}}.item-wrapper{display:flex;width:auto;height:auto;position:absolute;transition:transform .2s;cursor:url(/images/cursor-hand.png),pointer;pointer-events:visibleFill;padding-block:1rem;padding-inline:.5rem}.item-wrapper,.item-image{outline:none;-webkit-tap-highlight-color:transparent}.item-image{transition:transform .2s;z-index:100;pointer-events:none}.tooltip{color:#3b3b3b;background:#fff;border:1px solid #ccc;padding:.5em .5em 0;border-radius:9px;box-shadow:0 0 10px #0000001a;min-width:10vmax;max-width:17vmax;width:fit-content;height:auto;line-height:.5em;transition:transform .2s;pointer-events:none}.tooltip span{white-space:pre-wrap;font-size:1.5vmax;line-height:1.2em;font-weight:700}.tooltip p{font-size:1.2vmax;white-space:pre-wrap;line-height:1.2em}.title-link{align-items:end;color:var(--highlight-blue);text-decoration:underline;white-space:pre-wrap;font-size:1.5vmax;line-height:1.2em;font-weight:700}.no-hover{opacity:1!important}@media (hover: none){.tooltip{pointer-events:auto}}@media (max-width: 500px),(hover: none){#lunar-lander{top:21%;left:52%;clip-path:polygon(2% 9%,29% 40%,29% 92%,2% 60%)}#lunar-lander img{width:24%}#genre-classifier{top:31%;left:43%;clip-path:polygon(9% 20%,28% 37%,22% 78%,-1% 61%)}#genre-classifier img{width:21%}#pav{top:37%;left:40%;clip-path:polygon(12% 19%,35% 54%,24% 85%,0% 44%)}#pav img{width:30%}#epic-stroll{top:38%;left:56%;clip-path:polygon(12% 15%,25% 52%,13% 80%,0% 43%)}#epic-stroll img{width:17%}#contact{top:45%;left:56%;clip-path:polygon(14% 27%,22% 42%,9% 72%,2% 55%)}#contact img{width:14%}#github{bottom:50%;left:75%;clip-path:polygon(7% 18%,32% 42%,30% 80%,5% 58%)}#github img{width:23%}#linkedin{bottom:54%;left:69%;clip-path:polygon(5% 20%,23% 38%,22% 78%,5% 60%)}#linkedin img{width:15%}}@media (min-width: 501px),(hover: hover){#lunar-lander{top:21%;left:52%;clip-path:polygon(0% 2%,27% 40%,27% 97%,0% 60%)}#lunar-lander img{width:24%}#genre-classifier{top:34%;left:44%;clip-path:polygon(7% 13%,24% 32%,18% 88%,-1% 63%)}#genre-classifier img{width:19%}#pav{top:39%;left:40%;clip-path:polygon(10% 10%,32% 54%,21% 95%,-3% 40%)}#pav img{width:28%}#epic-stroll{top:39%;left:57%;clip-path:polygon(12% 5%,22% 52%,9% 90%,-2% 42%)}#epic-stroll img{width:17%}#contact{top:47%;left:56%;clip-path:polygon(14% 17%,21% 38%,7% 81%,0% 58%)}#contact img{width:13%}#github{bottom:53%;left:77%;clip-path:polygon(3% 13%,23% 40%,23% 85%,3% 60%)}#github img{width:18%}#linkedin{bottom:56%;left:71%;clip-path:polygon(2% 13%,18% 33%,18% 88%,2% 65%)}#linkedin img{width:13%}}.projects-container{justify-content:center;display:flex;flex-direction:column;padding-bottom:10vh}.project-section{display:flex;justify-content:center;align-items:center;margin-block:3vmin;position:relative}.project-container{display:flex;position:relative;background-color:transparent;width:fit-content;height:fit-content;margin-inline:3rem;max-height:70vh}.project-container:hover{box-shadow:0 0 20px 1px #a68af480}.project-container-img{width:auto;max-width:100%;height:auto;max-height:70vh}.project-anchor{text-decoration:none;pointer-events:none}.project-btn{pointer-events:auto}.project-btn:hover{cursor:url(/images/cursor-hand.png),url(/images/cursor-arrow.png),pointer}.project-btn,.project-img,.project-textbox,.project-tech{position:absolute;display:flex}.project-btn{z-index:200;transition:all .1s ease-in-out}.project-btn:hover{transform:scale(.9)}.icon{width:20px;height:20px}@media (min-width: 1000px),(orientation: landscape){.project-container{margin-inline:4rem}}@media (orientation: portrait){.project-container{margin-inline:2rem}}.header{max-width:100vw;height:0;background-color:transparent;position:relative;align-items:center;display:flex;justify-content:right;z-index:1000}.header-text-container{max-width:60%;padding-inline:2rem;font-size:1.5em;justify-content:right;height:8vh;position:absolute;top:0%}.primary-menu{display:inline-flex;gap:2rem;height:100%;width:auto;align-items:center}.header-text{color:#fff;text-align:center;text-decoration:none;font-size:medium}.header-text:hover{color:var(--light-purple);text-shadow:0 0 10px rgba(166,138,244,.5);transform:scale(1.1);cursor:url(/images/cursor-hand.png),pointer}.hamburger{display:none;flex-direction:column;cursor:url(/images/cursor-hand.png),pointer;gap:5px;transition:all .3s linear}@media (max-width: 1000px){.primary-menu{display:none}.primary-menu.open{display:flex;flex-direction:column;gap:0;height:auto;width:auto;position:absolute;right:2%;top:100%;padding:0;background-color:var(--light-purple);z-index:1000;transform:none;overflow:hidden}.hamburger{display:flex;background:none;border:none;cursor:url(/images/cursor-hand.png),pointer;position:absolute;right:2%;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--light-purple)}.header-text{padding-inline:2rem;padding-block:.5rem;width:100%;border-bottom:1px solid var(--main-text-color);color:var(--main-text-color)}.header-text:hover{transform:none;color:var(--main-background-color);text-shadow:0 0 10px rgba(166,138,244,.5)}}.about-container{display:flex;flex-direction:column;width:100%}.about-content{display:flex;padding-inline:3vmax;padding-bottom:10vh;position:relative;flex-direction:row;gap:1vmax}.column{display:flex;flex-direction:column}.headshot{width:fit-content;height:fit-content;background-image:url(/images/about/headshot-border.png);background-size:100% 100%;background-repeat:no-repeat;background-position:left;padding-bottom:2vmin;padding-left:5%;padding-right:2%;align-self:center}.headshot-img{width:100%;height:auto;padding-bottom:2vmin;border-top-left-radius:200px;border-top-right-radius:200px}.about-socials{display:flex;flex-direction:row;width:100%;height:auto;max-height:15%;justify-content:center;align-items:center;gap:1vmax}.about-socials a img{width:100%;height:auto;cursor:url(/images/cursor-hand.png),pointer}.about-text img{width:auto;max-width:50%}.about-text{gap:1rem}.about-textbox{background-color:#d7d4f5;border-radius:20px;height:100%;margin-top:1rem;padding-inline:2vmax;line-height:1.5em;text-align:left;transform:translateY(-11px);place-self:end;-webkit-box-shadow:11px 11px 0px 5px #000000;box-shadow:11px 11px 0 5px #000}@media (orientation: landscape){.about-textbox{font-size:1.75vmax}.headshot{max-width:50%;padding-top:2rem}.headshot-img{margin-top:1.5rem}.about-text{max-width:65%}}@media (orientation: portrait){.divider{height:7vh}.about-content{padding-bottom:7vh;gap:2vmax}.headshot{max-width:45%}.headshot-img{margin-top:2.5rem}.about-text,.about-text img{max-width:65%}.about-textbox{font-size:1.7vmax;line-height:1.3em;padding-inline:1.5vmax;box-shadow:7px 7px 0 3px #000}}.contact-container{display:flex;flex-direction:column;justify-content:center;padding-bottom:10vh}.contact-content{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:2vmax;min-height:10vh;padding-inline:3rem}.email-button{background-image:url(/images/contact-button.png);background-size:contain;background-repeat:no-repeat;background-color:transparent;background-position:center;min-height:10vh;min-width:170px;width:30%;cursor:url(/images/cursor-hand.png),pointer}.contact-toast-container{position:absolute;place-self:center;max-width:100%;max-height:100%}.contact-toast{background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 8px #0003;font-weight:700;transition:opacity .2s ease}.footer-container{background-image:url(/images/footer-border.png);background-repeat:no-repeat;background-size:cover;margin:0;height:10vh;align-items:end;display:flex;justify-content:center;padding:.5em}.footer-container p{margin:0;color:#483d8b;font-size:1.5vmax}