@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap);html{scroll-behavior:smooth}.bg-image{background-image:url(/static/media/bg-intro-bright.8a43db3ff0d79246716f.jpeg);height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:-1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#root{max-width:100%;overflow-x:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.navbar{align-items:center;background-color:initial;border-width:2px;display:flex;height:4rem;justify-content:space-between;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}div img.logo{animation:rotation 5s linear infinite;height:3rem;padding:.5rem 4rem;width:3rem}div h1.logo-name{color:#fff;font-family:Anonymous Pro;margin-left:min(4.5rem,2.5%);padding-bottom:.5rem}div h1.line{border-right:2px solid #ffffffbf;font-size:175%;height:32%;overflow:hidden;position:relative;text-align:left;transform:translateX(10px);white-space:nowrap;width:32%}.anim-typewriter{animation:typewriter 2s steps(16) 1 normal both,blinkTextCursor .8s steps(16) infinite normal}@keyframes typewriter{0%{width:0}to{width:15.25rem}}@keyframes blinkTextCursor{0%{border-right-color:#ffffffbf}to{border-right-color:#0000}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div ul.shortcuts-options-navbar{display:flex;justify-content:flex-end;list-style-type:none;padding-right:min(4rem,2.5%);width:55%}div ul.shortcuts-options-navbar li{font:white;margin-right:15px}.menu-icon-clickable{background-color:initial;border:none;margin-right:2.5%}.menu-icon{width:25px}.menu-modal-overlay{background:#00000080;display:flex;height:100vh;justify-content:flex-end;left:0;position:absolute;top:0;width:100vw;z-index:7}.menu-modal{background:#000;height:100vh;padding-top:5rem;position:relative;right:0;top:0;width:20rem}ul.shortcuts-options-modal{-webkit-padding-start:0;display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0;width:100%}div.intro-outer div.intro-bio{padding-left:2rem;padding-top:4rem;width:60%}div.intro-outer div.intro-bio h1{animation:slidein-vertical .75s linear 1;animation-delay:0ms;font-size:3rem;margin-bottom:0}div.intro-outer div.intro-bio p{animation:slidein-vertical .75s linear 1;animation-delay:.1s;margin-top:0;width:90%}div.intro-outer div.intro-info{padding:1.5rem 0;width:100%}div.intro-outer div.intro-info section.status{display:flex;flex-direction:column;height:4rem;justify-content:space-around}div.intro-outer div.intro-info section.status span{animation:slidein-vertical .75s linear 1;animation-delay:.2s}div.intro-outer div.intro-info section.links{margin:2.5rem 0}div.intro-outer div.intro-info section.links span a .links-icon{animation:slidein-vertical .75s linear 1;animation-delay:.3s}@keyframes slidein-vertical{0%{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slidein-horizontal{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}div.intro-outer div.profile-picture-section{align-items:center;justify-items:left;padding:4.3rem 0;width:40%}@media only screen and (max-width:1095px){div.intro-outer div.profile-picture-section{padding-right:6%}}@media only screen and (max-width:1018px){div.intro-outer div.profile-picture-section{padding-right:10%}}@media only screen and (max-width:885px){div.intro-outer div.profile-picture-section{padding-right:14%}}@media only screen and (max-width:832px){div.intro-outer div.profile-picture-section{padding-right:22%}}@media only screen and (max-width:731px){div.intro-outer div.profile-picture-section{padding-right:26%}}div.intro-outer div.profile-picture-section img.profile-picture{animation:slidein-horizontal .75s linear 1;height:20rem;left:50px;object-fit:cover;position:relative;top:0;width:20rem;z-index:2}div.intro-outer div.profile-picture-section div.backshadow-white{background-color:#fff;height:20rem;left:-30px;overflow:hidden;position:relative;top:-30px;width:20rem}div.intro-outer div.profile-picture-section div.backshadow-gray{animation:slidein-horizontal .75s linear 1;background-color:#e1ede9;bottom:280px;height:20rem;left:95px;overflow:hidden;position:relative;width:20rem;z-index:1}h1.typewriter{align-self:left;animation:typing 3.5s steps(40),blink-cursor .75s step-end infinite;border-right:solid #000;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;text-align:left;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{border-color:#0000}50%{border-color:#000}}@media only screen and (max-width:700px){div.intro-outer div.intro-bio{padding-left:0;padding-top:1rem;text-align:left;width:100%}div.intro-outer div.intro-info{padding:1.5rem 0;width:100%}div.intro-outer div.profile-picture-section{margin:0;padding:0;width:100%}div.intro-outer div.profile-picture-section img.profile-picture{left:0}div.intro-outer div.profile-picture-section div.backshadow-gray{left:45px}div.photo-backshadow-container{height:35vh;left:3%;position:relative}}.school-pic{border-radius:50%;height:12rem;width:12rem}.left{align-self:start}.right{align-self:end}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap;width:auto}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.head-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}div.skills-outer{display:flex;flex-direction:row;padding:8rem 5rem}.slider-content{height:30rem}div.projects-outer{display:flex;flex-direction:row;padding:8rem 5rem}
/*# sourceMappingURL=main.f1dc9e9c.css.map*/