@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:#111}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 1.5em}h1{font-weight:900}a{text-decoration:none}.link{color:#ccc;background-image:linear-gradient(#ccc 0 0);background-position:0 100%;background-size:0% 1px;background-repeat:no-repeat;transition:color .25s,background-image .25s,background-size .25s,background-position 0s .25s}.link:hover{color:#ddd;background-image:linear-gradient(#ddd 0 0);background-position:100% 100%;background-size:100% 1px}.link:active{color:#aaa;background-image:linear-gradient(#aaa 0 0);background-position:100% 100%;background-size:100% 1px}.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:1em;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:100vh;min-width:8em}.link-button:hover{text-decoration:none;background-color:#fff;color:#000}.link-button:active{text-decoration:none;background-color:#fffc;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}@media screen and (max-width:980px){.view-area{max-width:980px}.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:1em;transition:.25s all ease-in-out;border-radius:100vh}.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 .25s;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:1.5em 0}.example-container-container h1{font-weight:700}.example-container h2{font-weight:500}.example-container img{filter:brightness(1) blur(0);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(1vh);transition:.1s filter ease-in-out}.keyword{padding:1em;background-color:#fff3;color:#fff;text-decoration:none;text-align:center;display:inline;border-radius:100vh;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 0;align-items:center;background-color:#0000004d}.special-works-container{background-color:#fff3;padding:.5em 1em;border-radius:1em;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 - 3em);height:90vh;max-width:100%}}.contact-container-background{background-image:url(/home/assets/code_pic1.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.contact-container{background-color:#00000080;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);box-shadow:0 0 .5em #000}.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:stretch;cursor:pointer;margin:.25em 0;border-radius:100vh;background-color:#fff3;color:#fff;transition:background-color .25s}.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:4em;font-size:1em;color:#fff;box-shadow:none;border-width:0;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:1em;color:#fff;border-radius:100vh;background-color:transparent;border:none;outline:none;cursor:pointer}.email-copier-container__icon i{transition:color .25s}.contact-info-container{flex-grow:1}.contact-info-container__links{display:flex;flex-direction:column;justify-content:space-between;gap:.5em}.contact-info-container__links .link-button{min-width:6.5em}.button-wrapper--contact-info{gap:.25em;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:700px){.contact-info-container{min-width:100%}.button-wrapper--contact-info{flex-direction:column}}@media screen and (max-width:980px){.contact-info-container{flex-grow:1;min-width:100%}.contact_container__content .flex-container{flex-direction:column-reverse;min-height:0}.button-wrapper--contact-info{gap:.5em;flex-wrap:wrap;justify-content:space-between}}.footer-container{background-color:#111}.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(.5turn)}@media screen and (max-width:980px){.footer-container__content{padding-top:1em;padding-bottom:1em;height:auto;line-height:2em}}