.hero.astro-4UBIQJRO{position:relative;overflow:hidden}@media (min-width:750px){.hero.astro-4UBIQJRO{height:45vw}}.img.astro-4UBIQJRO{display:block;width:100%;height:auto}.gradient.astro-4UBIQJRO,.gradient2.astro-4UBIQJRO{background-image:url(https://firebasestorage.googleapis.com/v0/b/portfolio-reneloper.appspot.com/o/mesh-gradient.jpg?alt=media&token=62c48bcb-988a-432d-9411-0e43520f7b37);background-size:cover;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.gradient2.astro-4UBIQJRO{mix-blend-mode:multiply;background-size:cover}.overlay.astro-4UBIQJRO{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:2rem}@media (min-width:750px){.overlay.astro-4UBIQJRO{padding-left:4rem}}.title.astro-4UBIQJRO{font-weight:900;font-size:var(--f-u8);margin-bottom:.5rem;margin-top:0}@media (min-width:750px){.title.astro-4UBIQJRO{font-size:var(--f-u12)}}.grid.astro-4UBIQJRO{display:grid;grid-gap:2rem}@media (min-width:1200px){.grid.astro-4UBIQJRO{grid-template-columns:2fr 1fr}}.sectionTitle.astro-4UBIQJRO{font-weight:700;font-size:var(--f-u8);margin-top:4rem;margin-bottom:2rem;color:#90aab7}.role.astro-4UBIQJRO{position:relative;display:inline-block;font-weight:900;color:var(--t-bg);background-color:var(--t-fg);padding:.25em .5em;z-index:2}@media (min-width:750px){.role.astro-4UBIQJRO{font-size:var(--f-u3)}}.role.astro-4UBIQJRO+.role.astro-4UBIQJRO{margin-left:1em}.role.astro-4UBIQJRO:nth-of-type(1) .invert.astro-4UBIQJRO{background-color:var(--c-pink)}.role.astro-4UBIQJRO:nth-of-type(2) .invert.astro-4UBIQJRO{background-color:var(--c-blue)}.role.astro-4UBIQJRO:nth-of-type(3) .invert.astro-4UBIQJRO{background-color:var(--c-green)}.role.astro-4UBIQJRO:hover .invert.astro-4UBIQJRO{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.invert.astro-4UBIQJRO{position:absolute;color:var(--t-fg);display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;clip-path:polygon(0% 100%,100% 100%,100% 200%,0% 200%);transition:clip-path cubic-bezier(.4,0,.5,1) .15s}.desc.astro-4UBIQJRO{font-size:var(--f-u2);margin-top:1.5rem;margin-bottom:0}.subtitle.astro-4UBIQJRO{display:block;font-weight:400;font-size:var(--f-d6);letter-spacing:-.0625em}body{background-color:#2b2a33}.bio.astro-4UBIQJRO{line-height:2;color:#fff}.bio.astro-4UBIQJRO>span.astro-4UBIQJRO:first-of-type{line-height:1;display:block;font-weight:700;font-size:var(--f-u4)}.contactcontainer.astro-4UBIQJRO{display:flex;flex-direction:column;justify-content:center;align-items:center}._socialicon_y6arv_1{display:block;width:5rem;height:5rem;fill:var(--t-subdue);transition:fill linear .15s;margin-right:.5rem}._socialicon_y6arv_1:hover{fill:var(--t-active)}._postgres_y6arv_13{display:block;width:11rem;height:6rem;fill:var(--t-subdue);transition:fill linear .15s}._postgres_y6arv_13:hover{fill:var(--t-active)}._spring_y6arv_24{display:block;width:10rem;height:5rem;margin-left:.5rem;fill:var(--t-subdue);transition:fill linear .15s}._spring_y6arv_24:hover{fill:var(--t-active)}._docker_y6arv_36{display:block;width:8rem;height:5rem;margin-left:.5rem;fill:var(--t-subdue);transition:fill linear .15s}._docker_y6arv_36:hover{fill:var(--t-active)}._firestore_y6arv_48{display:block;width:5rem;height:5rem;margin-left:1rem;fill:var(--t-subdue);transition:fill linear .15s;margin-right:.5rem}._firestore_y6arv_48:hover{fill:var(--t-active)}._title_y6arv_61{display:block;font-weight:700;font-size:var(--f-u4);color:#8babb6}._iconcontainer_y6arv_68{display:flex;align-items:center;margin-bottom:2rem;margin-top:2rem}li{line-height:2;color:#fff;font-size:var(--f-u1);font-weight:600}._itemcontainer_y6arv_82{display:flex;align-items:center}._item_7wc19_1{line-height:2;color:#fff;font-size:var(--f-u4);font-weight:700}._formcontainer_10wsr_1{width:70%;display:flex;justify-content:center}._title_10wsr_7{display:block;font-weight:700;font-size:var(--f-u4);color:#8babb6}._label_10wsr_14{color:#8babb6;font-size:var(--f-u2)}._input_10wsr_19{border:1px solid #000;border-radius:5px}