@import"https://fonts.googleapis.com/css2?family=Roboto&family=Source+Sans+3:wght@200..900&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizespeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-text: #222;--color-background: white;--color-light: silver;--color-primary: #7950f2;--color-secondary: #f783acff;--unit: 1rem;--container-width: 60ch;--font-family-sans-serif:"Source Sans 3"}@media (prefers-color-scheme: dark){:root{--color-text: #fff;--color-background: #222}:root .gridLogos{filter:grayscale(100%) opacity(50%) invert(100%)}:root .gridProjects{filter:grayscale(100%) opacity(50%) invert(100%)}:root .cardLogoContainer{filter:grayscale(100%) opacity(50%) invert(100%)}:root .messageInput{background-color:#222;color:#fff}:root .emailInput{background-color:#222;color:#fff}}body{color:var(--color-text);background-color:var(--color-background);font-family:var(--font-family-sans-serif)}.text-light{color:var(--color-text);filter:opacity(50%);background-color:var(--color-background);font-family:var(--font-family-sans-serif)}a{color:var(--color-primary)}p{font-size:1.25rem}h1{font-size:2rem;margin-bottom:var(--unit)}#main{max-width:var(--container-width);margin:calc(var(--unit) * 5) auto}#navigation{display:flex;border-bottom:1px solid var(--color-light);margin:var(--unit)}#footer{margin:auto;max-width:var(--container-width);border-top:1px solid var(--color-light);text-align:center}hr{border-color:var(--color-light);filter:grayscale(100%) opacity(50%)}img,picture{max-width:100%;display:block;height:auto}.navigation-item,.navigation-label,button{padding:calc(var(--unit) / 2);align-content:center}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label,input,textarea{width:100%;display:block}button{margin:10px 0;background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff;padding:12px 28px;border-radius:30px;text-align:center;text-decoration:none;display:inline-block;transition-duration:.3s}button:hover{background-color:var(--color-background);color:var(--color-primary)}.button2{margin:10px 0;background-color:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary);padding:12px 28px;border-radius:30px;text-align:center;text-decoration:none;display:inline-block;transition-duration:.3s}.button2:hover{background-color:var(--color-primary);color:#fff}section{margin-top:calc(var(--unit) * 3);max-width:60ch;margin-left:auto;margin-right:auto;padding-left:var(--unit);padding-right:var(--unit);text-align:left}section li{margin-bottom:var(--unit)}section.get-started{text-align:center;padding-bottom:calc(var(--unit) * 3)}label{padding:calc(var(--unit) / 2) 0}.gridLogos{display:grid;filter:grayscale(100%) opacity(50%);gap:20px 40px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gridProjects{filter:grayscale(100%) opacity(50%)}.buttonContainer{display:flex;justify-content:center;gap:10px}.logo-text{font-weight:400;font-size:3em;text-align:center;background:linear-gradient(to right,#7950f2,#f783ac);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo{margin-top:calc(var(--unit) * 5);margin-left:auto;margin-right:auto;text-align:center;max-width:calc(var(--unit) * 30)}.logo img{max-width:100%;height:auto}.favicon{font-weight:400;background:linear-gradient(to right,#7950f2,#f783ac);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.textInputWrapper{padding:2px 0 12px}.emailInput{border:2px solid var(--color-light);border-radius:8px;padding:1px 4px}.emailInput:focus{border:2px solid var(--color-primary);outline:none}.boldred{color:var(--color-secondary)}.messageInput{border:2px solid var(--color-light);border-radius:8px;padding:1px 4px;height:120px;resize:none}.messageInput:focus{border:2px solid var(--color-primary);outline:none}.card{border:2px solid var(--color-background);background-color:var(--color-background);border-radius:30px;transition:.3s;width:100%;position:relative}.card:hover{border:2px solid var(--color-light)}.cardTextContainer{padding:2px 16px 10px}.cardLogoContainer{filter:grayscale(100%) opacity(50%);padding:8px 16px}.cardLink{position:absolute;top:0;bottom:0;left:0;width:100%}