:root{line-height:1.5;font-weight:400;--font-headings: "Playfair", sans-serif;--font-body: "Source Sans 3", monospace;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings)}a{font-weight:500;color:#242424;text-decoration:inherit}body{margin:0;min-width:320px;color:#36454f;font-family:var(--font-body)}h1{font-size:3.2em;line-height:1.1}h2{font-size:2.5em;line-height:1.1}h3{font-size:2em;line-height:1.1}.block-padding-large{padding-block:8rem}.block-padding-medium{padding-block:3rem}.block-padding-small{padding-block:2rem}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-wrapper{display:grid;grid-template-rows:auto auto 1fr auto;min-height:100vh}.hero-container{min-height:25rem;align-items:center;background-image:url(../assets/images/hero.webp);background-size:cover;background-position:bottom}.hero-content{align-items:center;justify-content:center;padding-inline:.75rem}.hero-title{font-family:var(--font-headings)}.hero-cta,.about-cta,.contact-cta,.projects-cta{width:fit-content}.hero-overlay{background:radial-gradient(circle,#f2f0efcc,#36454f80)}.card{grid-template-rows:auto 1fr;min-height:100%}.form-control:focus{outline:none;box-shadow:none}.form-control::placeholder{color:#d3d3d3}.page-banner-container{min-height:8.25rem;background-image:url(/react-portfolio-step8up/assets/hero-CEInLKDV.webp);background-size:cover;background-position:center}.banner-overlay{background:radial-gradient(circle,#f2f0efcc,#36454f80)}.banner-title{font-family:var(--font-headings)}
