:root{--primary:#74b251;--secondary:#e7ecef;--tertiary:black;--background-secondary:#2d2d2d;--border-color:hsl(from var(--secondary) h s 30%)}@font-face{font-family:LouisGeorgeCafe;src:local(Louis George Cafe),url(/assets/Louis%20George%20Cafe-B32zr_b5.ttf);font-style:normal;font-weight:400}@font-face{font-family:LouisGeorgeCafe;src:local(Louis George Cafe Bold),url(/assets/Louis%20George%20Cafe%20Bold-CFFkBuwH.ttf);font-style:normal;font-weight:700}body{background:var(--secondary);color:var(--tertiary);--line-color:#5959594d;--grid-size:180px;background-size:var(--grid-size) var(--grid-size);width:100vw;min-height:100vh;margin:0;font-family:LouisGeorgeCafe,Arial,Helvetica,sans-serif}a{color:var(--tertiary);text-decoration:none}li{list-style:none}h2{font-size:2.5rem}.mainContent{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.mainContent>section{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.secondarySectionContainer{background-color:var(--background-secondary)}.footerContainer{background-color:var(--primary);min-height:10vh;color:var(--secondary);justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.headerContainer{background-color:var(--secondary);z-index:1000;border-top:15px solid var(--primary);flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:5px;display:flex;position:fixed;top:0;left:0;right:0}.headerContainer.inverted{background-color:var(--primary);padding-top:none;border-top:none}.headerContainer.inverted .brand,.headerContainer.inverted .menuOption{color:var(--secondary)!important}.headerContainer.inverted .menuOptionSelected{background-color:var(--primary);color:var(--secondary)!important}.headerContainer.inverted .bottomBorder{background:var(--primary)}body{padding-top:100px}.header{justify-content:space-between;align-items:center;width:80%;display:flex}.brand{color:var(--tertiary);align-items:center;gap:1rem;padding:.5rem 0;font-size:1.75rem;font-weight:700;text-decoration:none;display:inline-flex}.logo{max-width:50px;max-height:50px}.companyName{font-size:2rem;font-weight:700}.menu{font-size:1.5rem;display:inline-flex}.buttonIcon{display:none}.buttonText{display:inline}.bottomBorder{content:"";background:var(--primary);border-radius:10px;width:100%;height:5px}@media (width<=768px){.header{width:90%}.brand{gap:.5rem}.companyName{display:none}.logo{width:40px;height:40px}.menu{font-size:1.2rem}.menu .Button{padding:10px 15px;font-size:1.2rem}.buttonText{display:none}.buttonIcon{display:inline-flex}}.Button{text-align:center;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:10px;width:fit-content;margin:15px 0;padding:15px 30px;font-size:18px;text-decoration:none;transition:all .4s ease-out;display:inline-block;position:relative}.Button:active{transform:scale(.9)}.primary{color:var(--primary);border:2px solid var(--primary);box-shadow:inset 0 0 0 0 var(--primary)}.primary:hover{color:var(--secondary);box-shadow:inset 0 -100px 0 0 var(--primary)}.secondary{color:var(--secondary);border:2px solid var(--secondary);box-shadow:inset 0 0 0 0 var(--secondary)}.secondary:hover{color:var(--primary);box-shadow:inset 0 -100px 0 0 var(--secondary)}.contactUsContainer{background-color:var(--secondary);z-index:1000;border-top:15px solid var(--primary);flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:5px;display:flex;position:fixed;bottom:0;left:0;right:0}.contactUsHeader{justify-content:space-between;align-self:flex-start;align-items:center;height:fit-content;display:flex}.contactUsCloseButton{all:initial}.contactUsCloseButton:hover{cursor:pointer}.formContainer{justify-content:center;width:100%;display:flex}form{flex-direction:column;min-width:80%;display:inline-flex}label{font-size:1.5rem;font-weight:800}.formInput{border-radius:5px;margin-bottom:1rem;padding:.5rem;font-size:1.25rem}.formInput:is(textarea){min-height:10rem}.open{opacity:1;animation-name:openAnimation;animation-duration:1s}.closing{animation-name:closeAnimation;animation-duration:1s}.closed{opacity:0}@keyframes openAnimation{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes closeAnimation{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.title{color:var(--primary)}.formFooter{align-items:center;gap:1rem;display:flex}.formFooter>div{color:var(--primary);font-size:1.25rem}.sectionTitle{flex-direction:column;gap:.5rem;margin:.5rem;display:inline-flex}.sectionTitle h3{margin:0;font-size:2rem}.sectionTitleUnderline{content:"";background-color:var(--primary);width:40%;height:5px}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0;display:grid}.project-card{background-color:#fff;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-info{padding:1.5rem}.project-info h3{color:#333;margin:0 0 .5rem;font-size:1.5rem}.project-info p{color:#666;margin:0 0 1rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-tags .tag{background-color:var(--secondary);color:var(--tertiary);border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.project-link{background-color:var(--primary);color:#fff;border-radius:5px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.project-link:hover{background-color:var(--secondary)}.sectionContainer{width:80%;margin-top:2rem}.secondarySection{color:var(--secondary);background-color:var(--background-secondary)}.homeContainer{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;width:60%;padding-top:2rem;display:grid;margin-top:0!important}.heroText{font-size:1.25rem!important}.heroText h2{margin-bottom:0;font-size:4rem}.heroText p{margin:2rem 0}.heroText button{width:fit-content}.heroImg{justify-self:center;max-width:20vw;display:flex}.aboutUsContainer{flex-direction:column;font-size:1.25rem;display:flex;width:70%!important}.aboutUsContainer h2{color:var(--secondary);text-align:center}.mainText{grid-template-areas:"a."".b""c.";align-self:center;gap:1rem;width:90%;display:grid}.mainText>div{text-align:center;background:var(--secondary);border:2px solid #000;border-radius:50px;flex-direction:column;gap:1rem;margin:0;padding:2rem 1rem;font-size:1.5rem;line-height:2.5rem;display:flex}.mainText>div:first-child{grid-area:a}.mainText>div:nth-child(2){grid-area:b}.mainText>div:nth-child(3){grid-area:c}.altSection{background:var(--primary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:2rem;padding:1rem 0 2rem;display:flex}.projects{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}.manifestoContainer{border-left:5px solid var(--primary);background-color:#dde5e9;width:60%;padding:1rem 5rem}.manifestoContainer>p{font-size:1.25rem}.getInTouchContainer{flex-direction:column;display:flex}.getInTouchButton{align-self:center;margin-top:2rem}.projectCardContainer{background-color:var(--secondary);color:var(--background-secondary);border-radius:15px;width:30%;padding-bottom:1rem;transition:all .4s}.projectCardContainer:hover{transform:scale(1.05)}.projectImage{border-radius:15px 15px 0 0;max-width:100%}.projectTitle{text-align:center;padding:.5rem;font-size:1.5rem;font-weight:700}.projectDescription{text-align:center}@media (width<=768px){.projectCardContainer{width:100%}}.mouseSpotlight{z-index:-9999;mix-blend-mode:screen;width:100vw;height:100vh;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;inset:0}
