@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap";body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{margin:0 auto;text-align:center}*{padding:0;margin:0;box-sizing:border-box}:root{--Text-dark: #464646;--Text-light: #F5F5F5;--Green: #40999C;--Gray: #727371;--Gray-light: #CAD5D6}body{color:var(--Text-dark);background-color:#d8d6ad}p,.default-body-text{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.headline{font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:70px;font-style:normal;line-height:70px;letter-spacing:.5px;text-transform:uppercase}.subheading{font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:28px;font-style:normal;line-height:32px;letter-spacing:.5px;text-transform:uppercase}.subtitle{font-family:Roboto,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:1px}.sectiontitle{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--Green);letter-spacing:2px}a{text-decoration:inherit;text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--Green)}.homepage{display:flex;flex-direction:column;height:100vh;width:100vw;gap:32px;position:relative;z-index:2;background-color:#d8d6ad}.home-container{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:42px;margin:32px}.greeting-container{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}.greeting{color:transparent;-webkit-text-stroke:2px var(--Text-dark)}.disciplines{display:flex;flex-wrap:wrap;justify-content:center;max-width:500px;gap:8px;padding:12px}.button-container{display:flex;justify-content:center;gap:24px}.btn{font-size:14px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:1px;text-transform:uppercase;width:150px;height:42px;padding:0 24px;border-radius:4px;border:2px solid var(--Text-dark);box-shadow:0 6px 0 0 var(--Text-dark);cursor:pointer}.primary{background:var(--Green);color:var(--Text-light)}.primary:hover{background:#4cbabd}.secondary{background:#e5e5e5;color:var(--Text-dark)}.secondary:hover{background:var(--Text-light)}.cursor{position:absolute;top:0;left:0;pointer-events:none;z-index:100}.cursor-dot{height:16px;width:16px;border-radius:8px;background:var(--Text-dark)}.cursor-image{width:200px;height:200px;border-radius:50%;box-shadow:-3px 18px 27px -16px #000000bf;transform:translate(-10px,-85%)}.chip{display:inline-flex;padding:2px 12px;align-items:center;gap:6px;border-radius:16px;background:var(--Text-light);color:var(--Text-dark)}.projects-page{display:grid;grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(12,1fr);grid-gap:32px;align-items:center;background-color:#ebebeb;padding:32px}.project-1{grid-row:1/3;grid-column:4/span 5}.project-2{grid-row:3/5;grid-column:8/span 5}.project-3{grid-row:4/6;grid-column:1/span 5}@media screen and (max-width: 768px){.projects-page{display:flex;flex-direction:column;gap:24px}}.card{display:flex;flex-direction:column;align-items:stretch;align-content:stretch;justify-content:space-between;border:2px solid var(--Text-dark);border-radius:4px;background:#ebebeb;box-shadow:0 6px 0 0 var(--Text-dark);min-width:350px;cursor:pointer}.card-content{display:flex}.card-content img{width:100%}.card-footer{display:flex;justify-content:flex-end;border-top:2px solid var(--Text-dark);padding:12px 16px 16px;gap:8px}.overview{display:flex;flex-direction:row;gap:24px;padding-bottom:80px}.overview .section-title{flex-basis:50vw}.project-info{display:flex;flex-basis:50vw;flex-grow:1;flex-direction:column;align-items:flex-start;gap:16px}.project-info>p{text-align:left;padding-bottom:24px}.project-tags{display:flex;gap:24px;flex-wrap:wrap}.project-tags div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}.project-tags div span{color:var(--Gray-light)}.section-title{display:flex;align-items:flex-start}.section-title span{border:var(--Green) solid 2px;color:var(--Green);border-radius:4px;padding:8px 24px}body{background-color:#fff}.project-page{display:flex;flex-direction:column;align-items:center;margin:32px;gap:80px}section{display:flex;flex-direction:column;gap:24px;width:100%}.project-image{width:100%}.portfolio-section{display:flex;flex-direction:column;gap:32px}.core-features{display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px 24px;background-color:#f9f9f3;border-radius:24px}.core-features span{padding-bottom:24px}.core-feature{display:flex;gap:24px;align-items:center}.core-feature div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.core-feature .sectiontitle{color:var(--Text-dark)}.numbering{height:64px}.portfolio-image img{width:100%}.mockup-illustrations{width:400px;padding:80px 24px}.button-wrapper{display:flex;justify-content:center;padding-top:24px}.toggle-button{display:flex;justify-content:center;flex-grow:0;border:none;background:none;cursor:pointer;padding:8px 16px;color:var(--Gray-light)}.left{border-radius:4px 0 0 4px}.middle{border-radius:0}.right{border-radius:0 4px 4px 0}.active{color:var(--Green);cursor:default;border-bottom:3px solid var(--Green)}