body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-weight:400;color:#101010;margin:0;height:100vh;overflow-x:hidden}img,video,svg{max-width:100%}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,p{margin:0}a{all:unset;cursor:pointer}a:focus-visible{outline:2px solid #378375;outline-offset:2px}ul{list-style-position:inside;margin:0;padding:0}.App{flex:1;display:flex;line-height:24px}.container{margin:0 auto;display:flex;justify-content:center;flex-direction:column}.content{display:flex;flex-direction:column;margin-top:4rem}.Portfolio__section__description{margin-bottom:4rem}.Button{padding:.75rem 1.25rem;font-size:1.125rem;border-radius:8px;cursor:pointer}.Button__yellow{background-color:#faaf41}.Button__yellow:hover{background-color:#f9a222}.Button__yellow:active{background-color:#e68b06}.Border__container{border:1px solid #bbbbbb;border-radius:.5rem;padding:1rem}.Yellow__container{background-color:#fdf4c4;border-color:#fbb040!important}.Border__box{border-left:3px solid;padding-left:1rem;margin-bottom:1.5rem}.Green__box{border-color:#00b96b!important}.Red__box{border-color:red!important}.Purple__box{border-color:#7067e1!important}.Yellow__box{border-color:#fbb040!important}.Grey__box{border-color:#707070!important}.Avatar{border-radius:100%;color:#fff;font-size:1.25rem;font-weight:500;width:50px;padding:.75rem;margin-right:.75rem}.Pill{padding:.125rem .5rem;display:flex;justify-content:center;border-radius:18px;background-color:#fff;border:1px solid;text-transform:uppercase;width:fit-content}.Pill__grey{border-color:#707070;color:#707070}.Pill__green{border-color:#08843a;color:#08843a}.Pill__red{border-color:#d20000;color:#d20000}.Highlight{background:linear-gradient(to right,#57c3ad,#005660);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:500% auto;animation:textShine 2s ease-in-out infinite alternate}@media only screen and (max-width:600px){.container{width:100%}.content{margin:7rem 0 0}.Project__title{font-size:1.75rem}.Portfolio__section{padding:1.25rem}.Portfolio__section__description{margin-bottom:2.5rem}}@media only screen and (min-width:600px){.container{width:100%}.Project__title{font-size:1.75rem}.Portfolio__section{padding:1.25rem}.Portfolio__section__description{margin-bottom:2.5rem}}@media only screen and (min-width:768px){.content{width:100%;margin-top:4rem}.Portfolio__section{padding:3.75rem 2rem}}@media only screen and (min-width:1200px){.content{margin:9rem 0 0}.Portfolio__section{padding:3.75rem 0;padding-left:calc((100vw - 1000px)/2);padding-right:calc((100vw - 1000px)/2)}}@media only screen and (min-width:1400px){.Portfolio__section{padding:3.75rem 0;padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}@media only screen and (min-width:1600px){.Portfolio__section{padding:3.75rem 0;padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@keyframes textShine{0%{background-position:0% 50%}to{background-position:100% 50%}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal--visible{opacity:1;transform:translateY(0)}.header{position:fixed;width:100%;top:0;left:0;z-index:1000}.Nav{display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .4s ease}.Nav--scrolled{box-shadow:0 2px 8px #00000014}.Nav__logo{cursor:pointer}.Nav__list{display:flex;column-gap:5.25rem;list-style-type:none}.Nav__link{all:unset;position:relative;transition:color .3s ease;color:#464545;cursor:pointer;text-transform:capitalize;font-size:1.125rem;font-weight:400;line-height:28px;padding-bottom:.125rem}.Nav__link:focus-visible{outline:2px solid #378375;outline-offset:2px}.Nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#378375;transition:width .3s ease}.Nav__link:hover{color:#378375}.Nav__link:hover:after{width:100%}.Nav__link--active{color:#378375;font-weight:600}.Nav__link--active:after{width:100%}.Nav__toggle{all:unset;display:none;cursor:pointer;color:#464545;padding:.5rem}.Nav__toggle:focus-visible{outline:2px solid #378375;border-radius:4px}.Nav__close{all:unset;position:absolute;top:1rem;right:1.5rem;cursor:pointer;color:#464545;padding:.5rem}.Nav__close:focus-visible{outline:2px solid #378375;border-radius:4px}.Nav__menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;padding:6.25rem 2.5rem;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.Nav__menu--open{opacity:1;visibility:visible;transform:translateY(0)}.Nav__list--mobile{display:flex;flex-direction:column;row-gap:3rem;list-style-type:none}.Nav__list--mobile .Nav__link{font-size:2.25rem}@media only screen and (max-width:600px){.Nav{padding:.5rem 1rem}.Nav__list:not(.Nav__list--mobile){display:none}.Nav__toggle{display:flex}}@media only screen and (min-width:600px){.Nav{padding:.5rem 2rem}}@media only screen and (min-width:768px){.Nav__toggle,.Nav__list--mobile{display:none}}@media only screen and (min-width:1200px){.Nav{padding-left:calc((100vw - 1000px)/2);padding-right:calc((100vw - 1000px)/2)}}@media only screen and (min-width:1400px){.Nav{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}@media only screen and (min-width:1600px){.Nav{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}.Footer__container{display:flex;flex-direction:column;align-items:center}.Footer__container__bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:.0625rem #bbbbbb solid;padding:2.5rem 0;margin-top:5rem;text-transform:capitalize;max-width:1600px;width:100%}.Footer__contact{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:1rem;align-items:center}.Message{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:1.25rem;border-radius:1.5rem;background-color:#f6f6f6}.Message__photo{width:50px;height:50px;border-radius:50%;object-fit:cover}.Message__content{margin-left:.75rem}.Message__title{font-size:1rem;text-transform:capitalize;font-weight:600}.Message__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.Message__now{color:#888;font-size:.875rem}.Message__text{font-size:1rem}.Message__link{color:#0131f7;font-weight:600;cursor:pointer}.Message__link:hover{color:#011d94;text-decoration:underline}@media only screen and (max-width:600px){.Footer__container{margin:0 1.25rem}.Footer__container__bottom{padding:2.5rem 1.25rem;flex-direction:column-reverse;margin-top:2.5rem}.copyright{margin-top:1.5rem}}@media only screen and (min-width:600px){.Footer__container{margin:0 1.25rem;padding:1.25rem}.Message{max-width:100%}}@media only screen and (min-width:768px){.Footer__container{padding:1.75rem 2rem}.Message{max-width:520px}}@media only screen and (min-width:1200px){.Footer__container{padding:3.75rem 0;padding-left:calc((100vw - 1000px)/2);padding-right:calc((100vw - 1000px)/2)}}@media only screen and (min-width:1400px){.Footer__container{padding:3.75rem 0;padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}@media only screen and (min-width:1600px){.Footer__container{padding:3.75rem 0;padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}.buttonContainer{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.buttonContainer .buttonLink{display:block;position:relative}.buttonContainer:hover{cursor:pointer}.buttonContainer:hover .buttonBackgroundContainer{opacity:1}.buttonForeground{position:relative;z-index:1}.buttonForeground .buttonIcon{max-width:2rem;max-height:2rem}.buttonBackgroundContainer{position:absolute;top:-6px;left:-6px;opacity:0;pointer-events:none}.buttonBackgroundContainer .buttonBackground{max-width:3rem;max-height:3rem}.PasswordGate{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:1.25rem}.PasswordGate__card{display:flex;flex-direction:column;align-items:center;max-width:400px;width:100%;padding:3rem 2rem;border:1px solid #bbbbbb;border-radius:16px;background-color:#fff}.PasswordGate__title{font-size:1.5rem;font-weight:600;color:#101010;margin-bottom:.5rem}.PasswordGate__message{font-size:1rem;color:#5f5f5f;text-align:center;margin-bottom:1.5rem}.PasswordGate__form{display:flex;gap:.5rem;width:100%;margin-top:1.5rem}.PasswordGate__input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid #bbbbbb;border-radius:8px;outline:none;transition:border-color .2s ease}.PasswordGate__input:focus{border-color:#378375}.PasswordGate__input--error{border-color:red}.PasswordGate__submit{padding:.75rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background-color:#378375;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.PasswordGate__submit:hover{background-color:#2d6b5f}.PasswordGate__submit:focus-visible{outline:2px solid #378375;outline-offset:2px}.PasswordGate__error{color:red;font-size:.875rem;margin-top:.5rem}.PageTransition{transition:opacity .2s ease}.PageTransition--enter{opacity:1}.PageTransition--exit{opacity:0}.BackToTop{all:unset;position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#378375;color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,background-color .2s ease;z-index:100}.BackToTop--visible{opacity:1;visibility:visible;transform:translateY(0)}.BackToTop:hover{background-color:#2d6b5f}.BackToTop:focus-visible{outline:2px solid #378375;outline-offset:2px}.Project__header{color:#378375;font-size:1.125rem;font-weight:400;text-transform:uppercase;margin-bottom:1rem}.Project__title{color:#101010;font-size:2.5rem;font-weight:500;line-height:3.75rem;margin-bottom:2rem}.Project__subtitle{color:#101010;font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.Project__subheading{color:#707070;font-size:1rem;line-height:24px;text-transform:uppercase}@media only screen and (max-width:600px){.Project__title{font-size:1.75rem;line-height:36px}}.Loader{display:flex;justify-content:center;align-items:center;min-height:60vh}.Loader__spinner{width:40px;height:40px;border:3px solid #eeeeee;border-top-color:#378375;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}