@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*{font-family:Inter}html{scroll-behavior:smooth;background-color:#222}body{background:linear-gradient(135deg,#006d5e,#004402,#885200);color:#fff;margin:0}.view-area{max-width:1200px;margin:0 auto!important;float:none!important;padding:0 1em}h1{font-weight:900}a{color:#ccc;text-decoration:none}a:hover{text-decoration:underline}.flex-container{display:flex;align-items:center;justify-content:space-between;gap:2em}.flex-container img{max-width:575px;height:100%;max-height:80vh;transition:.5s all ease-in-out}.flex-container .image-box{overflow:hidden;display:flex;filter:drop-shadow(0 0 .25em black);border-radius:10px;transition:.5s all ease-in-out;margin:0}.flex-container .image-box:hover{filter:drop-shadow(0 0 .5em black)}.flex-container img:hover{transform:scale(1.3)}.flex-container--flipped{flex-direction:row-reverse}.link-button{padding:1.5em 1em;margin:.25em 0;background-color:#fff3;color:#fff;text-decoration:none;text-align:center;display:inline-block;transition:background-color .25s,color .25s;border-radius:128px;min-width:8em}.link-button:hover{text-decoration:none;background-color:#fff;color:#000}.link-button:active{text-decoration:none;background-color:#fff9;color:#000}.button-wrapper{display:flex;justify-content:space-around}.section-header{font-size:3.5em;margin:0;background-image:linear-gradient(to bottom right,#fff,#bbb);color:transparent;-webkit-background-clip:text;background-clip:text}.contact-container-background{background-image:url(/home/assets/code_pic1.jpg)}@media screen and (max-width:980px){.view-area{max-width:700px}.flex-container{flex-direction:column}.flex-container img{max-width:100%;max-height:100vh}.section-header,.section-subheader{text-align:center}}.navbar-container__content{display:flex;align-items:center;justify-content:space-between;height:5em;font-weight:500}.navbar-container__content h1{font-weight:700;text-align:center}.navbar-container__content a{color:#fff;text-decoration:none}.navbar-container__content__links{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex}.navbar-container__content__links li{float:right}.navbar-container__content__links li a{display:block;text-align:center;padding:14px 16px;transition:.25s all ease-in-out;border-radius:32px}.navbar-container__content__links li a:hover{background-color:#0000004d}.navbar-container__content__links li a:active{background-color:#00000080}#skip-nav-link{position:absolute;transform:translateY(-500%);transition:transform .2s;background-color:#fff;color:#000}#skip-nav-link:focus{transform:translateY(0)}@media screen and (max-width:980px){.navbar-container__content{flex-direction:column;height:auto}.navbar-container__content__links li{float:left}}.flex-container--about{min-height:calc(100vh - 7em);padding:1em 0}.flex-container--about img{height:100%}.image-box-container--about{transform:rotate(-1deg)}@media screen and (max-width:980px){.flex-container--about{flex-direction:column-reverse;min-height:0}.image-box-container--about img{max-height:600px}}.example-container{margin:1em 0}.example-container-container h1{font-weight:700}.example-container h2{font-weight:500}.example-container img{filter:brightness(1) blur(0px);transition:.5s all ease-in-out;min-width:50%;height:auto}.example-container img:hover{filter:brightness(1.25)}.example-container img:active{filter:brightness(.5) blur(16px);transition:.1s filter ease-in-out}.keyword{padding:1em;background-color:#fff3;color:#fff;text-decoration:none;text-align:center;display:inline;border-radius:128px;white-space:nowrap;transition:background-color .25s,color .25s;-webkit-user-select:none;user-select:none}.keyword:hover{text-decoration:none;background-color:#fff;color:#000}.fadeout-horizontal{-webkit-mask-image:linear-gradient(to right,transparent,black 2em,black calc(100% - 2em),transparent);mask-image:linear-gradient(to right,transparent,black 2em,black calc(100% - 2em),transparent)}.keywords-container{overflow:clip;padding:0 0 2em}.keyword-track{display:flex;gap:.5em;width:max-content;animation:keywords-move-text 60s linear infinite}.keyword-track:hover{animation-play-state:paused}@keyframes keywords-move-text{to{transform:translate(-50%)}}.works-container__content{padding:0;display:flex}.works-container{min-height:calc(100vh - 2em);padding:1em;align-items:center;background-color:#0000004d}.special-works-container{background-color:#fff3;padding:.5em 1em;border-radius:16px;outline:2px solid rgba(255,255,255,.6)}.map{width:575px;height:70vh;max-height:575px;max-width:calc(100vw - 575px)}@media screen and (max-width:980px){.map{width:calc(100vw - 2em);height:90vh;max-width:100%}}.contact-container-background{background-position:center;background-repeat:no-repeat;background-size:cover}.contact-container{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact_container__content .flex-container{min-height:calc(100vh - 6em);padding:1em 0;width:100%}.contact-location-info{text-align:center}.email-copier-container{display:flex;align-items:center;cursor:pointer;font-size:1em;border-radius:64px;background-color:#fff3;color:#fff;transition:background-color .25s;min-width:10em}.email-copier-container:hover{background-color:#fff}.email-copier-container:hover .email-copier-container__text,.email-copier-container:hover .email-copier-container__icon i,.email-copier-container:active .email-copier-container__text,.email-copier-container:active .email-copier-container__icon i{color:#000}.email-copier-container:active{background-color:#fffc}.email-copier-container__text{line-height:6.5em;color:#fff;box-shadow:none;border-width:0px;padding:0 1em;width:100%;background-color:transparent;transition:background-color .25s,color .25s}.email-copier-container__text:hover{outline:none!important;background-color:transparent;color:#000}.email-copier-container__text:focus{outline:none!important;background-color:transparent;color:#000}.email-copier-container__icon{padding:10px;color:#fff;border-radius:256px;background-color:transparent;border:none;outline:none;cursor:pointer}.email-copier-container__icon i{transition:color .25s}.contact-info-container{flex-grow:2}.contact-info-container__links{display:flex;flex-direction:column;justify-content:space-between}.button-wrapper--contact-info{flex-wrap:wrap}.contact-info-container__links__priority-links{display:flex;justify-content:space-evenly;align-items:center;font-size:1.5em;gap:1em}.link-button--resume{min-width:10em;padding:1.25em 0}@media screen and (max-width:700px){.contact-info-container,.link-button--resume{min-width:100%}.email-copier-container__text{width:100%;font-size:1em;line-height:4em}.contact-info-container__links{grid-gap:2em}.button-wrapper--contact-info{flex-direction:column}.contact-info-container__links__priority-links{flex-direction:column;grid-gap:0em;gap:0em}.email-copier-container{min-width:100%}}@media screen and (max-width:980px){.contact_container__content .flex-container{flex-direction:column-reverse;min-height:0}}.footer-container{background-image:linear-gradient(#111,#222)}.footer-container__content{text-align:center;height:4em;line-height:4em}.footer-container__content h2{margin:0}.react-link__icon{transition:transform .5s;margin:0 .2em}.react-link:hover .react-link__icon{transform:rotate(180deg)}@media screen and (max-width:980px){.footer-container__content{padding-top:1em;padding-bottom:1em;height:auto;line-height:2em}}