body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{margin-top:-64px}.banner-image{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.banner-text{font-weight:700;margin:auto;max-width:500px;position:relative;text-align:center;width:80vw;z-index:2}.banner-image.light{background-image:url(/static/media/banneralt.dbc03938e20dddf3e43c.webp)}.banner-image.dark{background-image:url(/static/media/banneraltnegative.2d34daa88a9c5ec84f82.webp)}.about-banner-image{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.about-banner-text{font-weight:800;margin:auto;max-width:800px;position:relative;text-align:center;top:-10vh;width:80vw;z-index:2}.about-banner-text.light{background-color:hsla(0,0%,100%,.555);border:2px solid #fff;border-radius:30px}.about-banner-text.dark{background-color:#4e4e4e9c;border:2px solid #000;border-radius:30px}.about-banner-image.light{background-image:url(/static/media/aboutbanner.52318abc9062e615b15f.webp)}.about-banner-image.dark{background-image:url(/static/media/aboutbannernegative2.af815a904a1c80882d0d.webp)}.banner{flex-direction:column;transition:background-color .7s ease}.portfolio-banner-image{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.portfolio-banner-text{border:2px solid;border-radius:30px;filter:drop-shadow(0 6mm 4mm);padding:20px 0;position:relative;text-align:center;width:35%;z-index:2}.light{--background-color:hsla(0,0%,100%,.815);--border-color:#fff;--shadow-color:#6b79c5;--image-url:url(/static/media/portfoliobanner.7655809cdb199d64b4bb.webp)}.dark{--background-color:rgba(78,78,78,.808);--border-color:#000;--shadow-color:#6b480f;--image-url:url(/static/media/portfoliobannernegative.f1546ee53648652fbe8d.webp)}.demo-site.dark,.demo-site.light,.portfolio-banner-text.dark,.portfolio-banner-text.light{background-color:var(--background-color);border-color:var(--border-color);filter:drop-shadow(0 6mm 4mm var(--shadow-color))}.portfolio-banner-image.dark,.portfolio-banner-image.light{background-image:var(--image-url)}.demo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;padding:20px;width:100%;z-index:3}.demo-site{border:1px solid #ccc;border-radius:8px;padding:10px;position:relative;width:calc(100% - 20px);z-index:2}.demo-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.demo-content h2,.demo-content p,.demo-content ul{margin:10px 0}.demo-content a{background-color:blue;border-radius:8px;color:#fff;display:inline-block;margin-top:10px;padding:10px;text-decoration:none}.banner{align-items:center;color:var(--text-color);display:flex;height:100vh;justify-content:center;position:relative;transition:background-color .7s ease,color .7s ease;z-index:0}.banner,.contact-banner-image{background-position:50%;background-size:cover}.contact-banner-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.contact-banner-text{font-weight:800;margin:auto;max-width:500px;position:relative;text-align:center;top:-1vh;width:80vw;z-index:2}.contact-banner-image.light{background-image:url(/static/media/contactbanner.a07c00e97ad2d61e0c50.webp)}.contact-banner-image.dark{background-image:url(/static/media/contactbannernegative.9d1f91bbc710a0bc6003.webp)}
/*# sourceMappingURL=main.012864f0.css.map*/