@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Space+Grotesk:wght@500&display=swap";.content-container{display:flex;height:auto;width:100%;min-height:100vh;align-items:center;position:relative}@media only screen and (min-width: 600px){.content-container{min-height:100vh}}.content-container .wrapper{width:980px}.content-container--blue{background-color:#06f;height:auto;min-height:70vh;color:#fff;z-index:10}.scroll-arrow{position:fixed;bottom:3em;left:8em;cursor:pointer;z-index:9;display:none}@media only screen and (min-width: 600px){.scroll-arrow{display:block}}.portfolio{display:flex;gap:1em;height:640px;width:100%;flex-direction:column}@media only screen and (min-width: 600px){.portfolio{flex-direction:row}}.portfolio__section{flex:1;display:flex;flex-direction:column;gap:1em;overflow-y:auto}.portfolio__item{flex:1;height:100%;background-size:cover;background-position:center center;overflow:hidden}.portfolio-item__start{display:flex;flex-direction:column;gap:1em;height:100%;justify-content:center;align-items:center;background-color:#06f9;animation:.25s fade-in linear forwards}.portfolio-item__start h1,.portfolio-item__start h2{padding:0;margin:0;color:#fff}.portfolio-item__start h1:before,.portfolio-item__start h2:before{display:none}.portfolio-item__content{position:relative;background-color:#06f;height:100%;padding:20px;animation:.5s slide-in ease-out forwards}.portfolio-item__content h1,.portfolio-item__content h2{padding:0;margin:0;color:#fff}.portfolio-item__content h1:before,.portfolio-item__content h2:before{display:none}.portfolio-item__content p{color:#fff}.portfolio-item__content span{color:#fff;font-weight:700}.portfolio-item__close{cursor:pointer;position:absolute;right:20px;top:20px;height:24px;width:24px;z-index:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.welcome{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding-top:6em}@media only screen and (min-width: 600px){.welcome{flex-direction:row;align-items:flex-start;gap:3em}}.welcome__body{max-width:540px}@media only screen and (min-width: 600px){.welcome__body{max-width:100vw}}.welcome__body h1{opacity:0;animation:1s float-up ease-out forwards}.welcome__body p{opacity:0;animation:1s float-up ease-out forwards;animation-delay:.25s}.welcome__image{opacity:0;animation:1s float-up ease-out forwards;animation-delay:.5s}@keyframes float-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{font-family:Poppins,sans-serif;font-weight:500;padding:0;margin:0}h1,h2,h3,h4,h5,nav{position:relative;font-family:Space Grotesk,sans-serif;font-weight:700}span.tiny-link{font-size:10px}a.highlight-link{font-style:italic}a.highlight-link:hover,a.highlight-link:visited,a.highlight-link:active{color:#06f}h1:before{content:"";width:48px;height:11px;position:absolute;left:0;top:-28px;background-image:url(heading-handle.b3c476df75f9bc31.svg);background-size:contain;background-repeat:no-repeat;background-position:center center}h1{font-size:48px}p{line-height:200%;font-weight:500}.wrapper{margin:0 auto;max-width:980px;padding-left:1em;padding-right:1em}@media only screen and (min-width: 600px){.wrapper{padding:0}}button{border:none;background:none}button.btn{border-radius:8px;padding:10px 14px;font-family:Poppins,sans-serif;transition:.25s;cursor:pointer}button.btn--primary{color:#fff;background-color:#06f}button.btn--secondary{border:1px solid white;color:#fff;background:transparent}button.btn--secondary:hover{background:#fff;color:#06f}button.btn--disabled{opacity:.5;pointer-events:none}button.btn--tetriary{color:#06f;background-color:#fff}button.btn--tetriary:hover{opacity:.8}.button-container{display:flex;flex-direction:row;gap:1em}.flex-content{display:flex;gap:3em;flex-direction:column}@media only screen and (min-width: 600px){.flex-content{flex-direction:row}}.flex-content__section{flex:1;position:relative}.flex-content-section__breakout{height:100%;width:100%;position:absolute;flex-direction:column;overflow:hidden;display:flex;max-width:700px}.flex-content-section-breakout{background:transparent}.flex-content-section-breakout__image{height:100%}.flex-content-section-breakout__image img{width:100%;height:100%;object-fit:cover;object-position:center}.flex-content__image-grid{display:flex;flex-wrap:wrap;gap:3em;flex-direction:column;align-items:center}@media only screen and (min-width: 600px){.flex-content__image-grid{flex-direction:row;align-items:flex-start}}.flex-content__image-grid a{margin:auto 0}.flex-content__image-grid img{display:block;flex:1;object-fit:contain;max-height:106px;max-width:223px}
