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}*{box-sizing:border-box}body{box-sizing:inherit;font-family:neue-haas-grotesk-display,sans-serif;font-style:normal}body p{margin:0}a{text-decoration:none;color:inherit}.read-text{font-family:neue-haas-grotesk-text,sans-serif}.header__title{position:absolute;left:10px;top:0;-webkit-transform-origin:top left;transform-origin:top left;color:#222;font-size:9em;font-weight:700;-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.btn{cursor:pointer}.grad-bar{width:100%;height:5px;border-radius:5px;margin:10px 0;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959)}.button--underline{position:relative;cursor:pointer;font-weight:700;color:#fff;z-index:10;margin-bottom:20px}.button--underline:last-child{margin-bottom:0}.button--underline:after{content:"";position:absolute;width:100%;height:10px;-webkit-transform:scaleX(0);transform:scaleX(0);background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959);bottom:0;left:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:-webkit-transform .25s ease-out;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;z-index:-1}.button--underline:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@-webkit-keyframes iconPopUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes iconPopUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes projectListStart{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes projectListStart{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes projectListFinish{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}}@keyframes projectListFinish{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}}@-webkit-keyframes titlePopDown{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titlePopDown{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes titlePopUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-150%);transform:translateY(-150%)}}@keyframes titlePopUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-150%);transform:translateY(-150%)}}.page__layout{height:100vh;width:100%;position:relative}.backdrop{z-index:-1;background-color:#222;position:fixed;top:0;left:0;height:100vh;width:100vw}.home-header{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section--main{margin-bottom:50px}.caution-sign{background-color:#e1f549;height:200px;width:400px;margin-top:50px;border-radius:10px;padding:10px;box-shadow:0 7px 10px rgba(0,0,0,.5);cursor:not-allowed}.caution-sign .top-row{color:#e1f549;text-align:center;font-size:2em;font-weight:700;text-transform:uppercase;background-color:#222;border-top-left-radius:10px;border-top-right-radius:10px}.caution-sign .bottom-row{font-size:2em;text-align:center;font-weight:700;margin-top:20px;text-transform:capitalize}.links{padding:20px 0;width:100%;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.links__link{cursor:pointer;color:#fff;font-size:3em;-webkit-animation:iconPopUp .5s ease-in;animation:iconPopUp .5s ease-in;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.links__link:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.links__link:hover.first{color:#e1f549}.links__link:hover.second{color:#29d0be}.links__link:hover.third{color:#6cb8ea}.links__link:hover.fourth{color:#ff5959}.home-graphic{width:500px}@media (max-width:500px){.home-graphic{width:300px}}.home-graphic .logo__name{color:#fff;font-size:5em;font-weight:700;line-height:1em}@media (max-width:500px){.home-graphic .logo__name{font-size:3em}}.home-graphic .logo__subtitle{color:#222;font-size:3em;font-weight:700;text-align:right;line-height:1em;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}@media (max-width:500px){.home-graphic .logo__subtitle{font-size:1.5em}}.home-graphic .logo__grad-bar{height:20px;width:100%;position:relative;border-radius:20px;display:flex;justify-content:center}.home-graphic .logo__grad-bar:before{content:"";position:relative;height:5px;width:100%;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959)}.navigation{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px}@media (max-width:500px){.navigation{width:300px}}.navigation__links{position:relative;height:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:20px 0;width:100%}.navigation__link{position:relative;cursor:pointer;font-size:4em;font-weight:700;color:#fff;z-index:10;margin-bottom:20px}@media (max-width:500px){.navigation__link{font-size:2em}}.navigation__link:last-child{margin-bottom:0}.navigation__link:after{content:"";position:absolute;width:100%;height:10px;-webkit-transform:scaleX(0);transform:scaleX(0);background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959);bottom:0;left:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:-webkit-transform .25s ease-out;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;z-index:-1}.navigation__link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.navigation .corner{position:absolute;height:100px;width:100px;display:none;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959)}.navigation .corner--left{left:0;top:0;-webkit-clip-path:polygon(0 0,0 100%,10% 100%,10% 10%,100% 10%,100% 0);clip-path:polygon(0 0,0 100%,10% 100%,10% 10%,100% 10%,100% 0)}.navigation .corner--right{right:0;bottom:0;-webkit-clip-path:polygon(90% 0,90% 90%,0 90%,0 100%,100% 100%,100% 0);clip-path:polygon(90% 0,90% 90%,0 90%,0 100%,100% 100%,100% 0)}.project-list{width:500px}.project-list__project{position:relative;cursor:pointer;font-size:1.5em;font-weight:700;z-index:10;padding:10px;line-height:1em}.project-list__project:hover{background-color:#6cb8ea;color:#fff}.icon-list{width:100%;padding:10px}.finder-window{width:100%;min-height:300px;border-radius:6px;overflow:hidden}.finder-window .finder__title{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:.8em;font-weight:600;color:#4d4d4d}.finder-window .finder__topbar{opacity:0;position:relative;background-color:#e6e5e6;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(59%,#e6e5e6),to(#d1d0d1));background-image:linear-gradient(180deg,#e6e5e6 59%,#d1d0d1);height:30px;border-bottom:1px solid #ccc;padding:10px}.finder-window .finder__topbar,.finder-window .finder__topbar .button-row{display:flex;align-items:center}.finder-window .finder__topbar .button-row .finder-button{height:12px;width:12px;border-radius:12px;overflow:hidden;margin-right:5px}.finder-window .finder__topbar .button-row .finder-button.red{background-color:#f74e48}.finder-window .finder__topbar .button-row .finder-button.yellow{background-color:#ffc12f}.finder-window .finder__topbar .button-row .finder-button.green{background-color:#2bd143}.project-holder__icon{position:relative;margin-bottom:20px}.project-holder__icon .backing{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959);z-index:-1;border-radius:10px}.project-holder__icon:hover .project-icon{-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}.project-icon{display:flex;position:relative;align-items:center;border-radius:10px;padding:10px;background-color:#fff;-webkit-transition:.2s ease-out;transition:.2s ease-out}.project-icon__icon{height:40px;width:40px;display:flex;justify-content:center;align-items:center}.project-icon__icon img{height:90%}.project-icon__spacer{width:1px;height:40px;background-color:#eee;margin:0 10px}.project-icon__name{font-weight:600;color:#222;font-size:1.3em;line-height:1em;overflow-wrap:break-word;margin-bottom:5px}.project-icon__site{font-size:.8em;font-weight:500;opacity:.5;line-height:1em}.projects,.projects__header{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects__header{padding:50px 0;width:500px}@media (max-width:500px){.projects__header{width:100%;padding:50px 10px 0}}.projects__title{font-size:7em;font-weight:700;color:#222;overflow:hidden;position:relative;z-index:10}.projects__title .title-text{z-index:11;-webkit-animation:titlePopDown 1s ease-in-out;animation:titlePopDown 1s ease-in-out;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}@media (max-width:500px){.projects__title .title-text{font-size:.8em}}.projects__title .title-text.away{-webkit-animation:titlePopUp 1s ease-in-out;animation:titlePopUp 1s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.projects__list{display:flex;justify-content:center;width:500px;-webkit-animation:projectListStart 1s ease-in-out;animation:projectListStart 1s ease-in-out;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (max-width:500px){.projects__list{width:100%;padding:0 10px}}.projects__list.away{-webkit-animation:projectListFinish .8s ease-in-out;animation:projectListFinish .8s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bar{z-index:12;width:100%;height:5px;border-radius:5px;margin:2px 0;background:linear-gradient(110deg,#e1f549,#29d0be,#6cb8ea,#ff5959)}.center-project{display:flex;justify-content:center;width:100%}.project{color:#fff;text-align:center;padding:20px 0;position:relative;width:500px}@media (max-width:500px){.project{width:100%;padding:20px 10px}}.project__header{padding-top:30px;position:relative}.project__header .header-title{font-size:4em;color:#222;font-weight:900;line-height:.8em;text-align:left;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.project__info{font-size:1.2em;width:100%;text-align:justify;display:inline-block}.project__footer{margin:0 0 50px;display:inline-block;padding:10px}.project__footer p{display:inline-block;font-size:2em;line-height:1.5em}.project-info__row{margin:40px 0;display:flex;align-items:center;justify-content:space-between}.project-info__role .role__title{font-size:1.5em}.project-info__role .role__info{font-weight:700;font-size:1.5em}.project-info__site{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-info__site i{margin-bottom:10px;font-size:2em}.project__images{padding:100px 0;display:flex;justify-content:center}.project__images--list{-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;height:auto;width:100%;border-radius:10px;background-color:#eee;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);display:flex;flex-direction:column}.project__images--list:hover,.project__images--list img{width:100%}@media (max-width:500px){.project__images--list{width:100%}}
/*# sourceMappingURL=main.b781ef31.chunk.css.map */