@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--accent-color:#127c7c}::-moz-selection{background:var(--accent-color);color:#f7f7f7}::selection{background:var(--accent-color);color:#f7f7f7}*{box-sizing:border-box;color:#141414;font-family:Poppins,sans-serif;margin:0;padding:0}body,html{background-color:#f7f7f7;width:100%}strong{color:var(--accent-color);font-weight:600}.landing{height:100vh}.section{min-height:100vh;padding:3rem;position:relative;scroll-snap-align:start;width:100%}.content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;width:80%}h1{font-size:96px;line-height:96px;margin-bottom:2rem}h1,h2{font-weight:500}h2{font-size:48px;line-height:64px}p{font-size:20px;font-weight:300;line-height:28px;width:100%}ul{-webkit-padding-start:40px;padding-inline-start:40px}ul li{font-size:20px;font-weight:300}.thin{font-weight:200}.highlight{color:var(--accent-color);font-weight:600}.content p{line-height:32px;text-align:center}.ps{font-size:16px;font-weight:200!important;transform:translateY(100px)}.spacer{height:200px;width:100%}.line1,.line2,.line3,.ps{opacity:1;transition:opacity 1s ease-in}.about-section{-ms-grid-rows:1fr 1fr 3fr 1fr 1fr;display:-ms-grid;display:grid;grid-template-rows:1fr 1fr 3fr 1fr 1fr;height:90vh}.mobile-break{display:none}.quote{font-size:18px;font-style:italic;line-height:24px;margin:auto;min-width:300px;text-align:center;width:80%}.hide{opacity:0!important}.content-grid{-ms-grid-columns:1fr 1fr;-ms-grid-rows:1fr 1fr 1fr;grid-gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100%;width:100%}.content-grid,.project-grid{display:-ms-grid;display:grid;margin-top:5rem}.project-grid{-ms-grid-columns:1fr 1fr;grid-gap:3rem 2rem;grid-template-columns:1fr 1fr}.project-card{height:auto;overflow-y:hidden;position:relative;width:100%}.project-card-content{min-height:450px;position:relative}.project-description{background-color:#f7f7f7;box-shadow:4px 4px 2px #f7f7f7,-4px -4px 2px #f7f7f7;height:100%;left:0;min-height:450px;opacity:0;overflow-x:hidden;padding-left:4px;padding-top:2rem;top:0;transition:opacity 1s ease-out;width:100%;z-index:1}.project-description:hover{opacity:1;transition:opacity 1s ease-in}.project-card-cover{border:1px solid #f7f7f7;box-shadow:-1px -1px -1px 1px 1px 1px #f7f7f7 #f7f7f7;content:"";height:100%;left:0;opacity:1;outline:2px solid #f7f7f7;position:absolute;top:0;width:100%;z-index:-1}.project-card-cover img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;top:0;width:100%}.project-banner{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.project-card-header{margin-bottom:1rem}.tech-icons{align-items:center;display:flex}.project-card h2{font-size:28px;line-height:36px}.project-card p{font-size:16px;font-weight:300;line-height:21px;margin-bottom:16px;width:90%}.section-header{display:flex;justify-content:space-between;width:100%}.links{align-items:center;display:flex;justify-content:space-evenly}.links a img{height:48px;width:48px}form{height:500px;margin-left:auto;margin-top:50px;max-width:700px;min-width:500px;padding:4rem 0;width:100%}.form-container{grid-gap:2rem;display:flex;height:100%}.form-left,.form-right{height:100%}.form-left{width:45%}.form-right{width:55%}.form-row{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.form-message{height:100%}input,label,textarea{background-color:#f7f7f7;border:none;font-size:16px;margin-bottom:12px;max-width:300px;outline:none}input{background-color:#f7f7f7;border-bottom:2px solid var(--accent-color);height:2rem;padding:.2rem}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 30px #f7f7f7!important;-webkit-box-shadow:inset 0 0 0 30px #f7f7f7!important}textarea{border:2px solid var(--accent-color);display:block;height:100%;max-width:unset;resize:none;width:100%}.button,textarea{border-radius:4px}.button{align-self:flex-end;background-color:var(--accent-color);color:#f7f7f7;height:unset;margin-top:20px;padding:12px;width:200px}.tech-icon{height:32px;margin:6px;-o-object-fit:contain;object-fit:contain;width:32px}.menu{align-items:center;background-color:transparent;display:flex;flex-direction:column;margin-top:5vh;max-width:100px;min-width:60px;opacity:1;position:fixed;right:0;top:0;transform:translateX(140%);transition:opacity 1s ease-in,right .3s ease-in,transform .3s ease-in;width:12vw;z-index:6}.menu ul{-webkit-padding-start:4px;padding-inline-start:4px}.menu ul li{font-size:14px;font-weight:500;list-style:none;margin:.5rem 0;z-index:6}.menu ul li a{text-decoration:none}.menu-tab,.menu ul li a{color:var(--accent-color)}.menu-tab{align-items:center;background:transparent;display:flex;font-size:16px;font-weight:500;height:10vh;justify-content:center;max-height:60px;max-width:100px;min-height:20px;min-width:60px;opacity:1;position:fixed;right:0;top:0;transition:opacity 1s ease-in,right .3s ease-in;width:12vw;z-index:5}.menu-tab:hover{cursor:pointer}.menu-active{transform:translateX(0);transition:opacity 1s ease-in,right .3s ease-in,transform .3s ease-in}@media (max-width:1150px){h1{font-size:72px;margin-bottom:1rem}h2{font-size:36px;line-height:40px}p{font-size:18px}.content p,p{line-height:26px}.content p{text-align:center}}@media (max-width:1000px){h1{font-size:64px;line-height:70px}h2{font-size:32px;line-height:36px}.content{width:100%}.project-grid{-ms-grid-columns:1fr;grid-gap:4rem;grid-template-columns:1fr}.project-card-cover img{-o-object-position:top center;object-position:top center}.ps{transform:translateY(60px)}}@media (max-width:767px){p{text-align:left;width:100%}.spacer{height:50px}}@media (max-width:680px){.project-card-content,.project-description{min-height:300px}.tech-icons{flex-wrap:wrap}.mobile-break{display:inline}form{height:unset;margin-top:0;min-width:unset;padding:1rem 0}.form-container{grid-gap:1rem;flex-direction:column}.form-left,.form-right{width:100%}textarea{height:200px}input{max-width:unset}}@media (max-width:550px){.section{padding:1rem}h1{font-size:48px;line-height:52px}h2{font-size:24px!important;line-height:30px!important}p{font-size:16px;line-height:22px}.quote{font-size:14px;padding:2rem 0;width:100%}.content{justify-content:space-evenly}.content-grid{-ms-grid-columns:1fr;grid-gap:3rem;grid-template-columns:1fr}}
/*# sourceMappingURL=index.a0ac5314.css.map */