@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background)}a{font-weight:500;color:var(--color-links);text-decoration:inherit}a:hover{color:var(--color-links-hover)}p{color:var(--color-font)}h1,h2{font-size:3.2em;line-height:1.1}h3{font-size:2.2em;line-height:1.1;font-family:var(--font-h3);color:var(--color-headings)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-button-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}#root{background-color:var(--color-background)}@media (max-width: 500px){#root{max-width:1280px;margin:0 auto;padding:0;line-height:1.6}a{text-decoration:none}body{width:100%;max-width:100%;margin:0 auto;padding:0}img{max-width:100%;height:auto;display:block;margin:0 auto}}@media (min-width: 501px){#root{max-width:1580px;margin:0 auto;padding:2rem}}header{display:none}@media (min-width: 501px){header{display:flex;background-color:var(--color-header-background)}header .header__content{display:flex;flex-direction:row;align-items:center;gap:2rem;padding-right:1.5rem;width:100%}header .header__content .header__picture{order:0;width:auto;margin-top:0;position:relative}header .header__content .header__picture img{width:100%;height:auto;display:block;border-radius:50%;position:relative;padding:.8em;z-index:1;width:250px}header .header__content .header__picture:before{content:"";position:absolute;top:0;left:0;width:250px;height:250px;background-color:var(--color-header-picture-bg);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;z-index:0;box-shadow:0 0 30px rgba(var(--color-header-picture-glow-rgb),.8),0 0 60px rgba(var(--color-header-picture-glow-rgb),.6),0 0 90px rgba(var(--color-header-picture-glow-rgb),.4),0 0 120px rgba(var(--color-header-picture-glow-rgb),.2)}header .header__content .header__name{order:0;display:flex;flex-direction:column;align-items:flex-end;width:100%;margin:0;padding-bottom:.5rem}header .header__content .header__name h1{margin:0;color:var(--color-header-h1);font-size:4em}header .header__content .header__name .header__description{margin-top:.25rem;max-width:18ch;text-align:right;padding-right:1.5rem;color:var(--color-header-h2);min-height:1.5em;font-size:1.5em}}@media (min-width: 1024px){header .header__content{gap:3rem;padding-right:2rem}header .header__content .header__picture img{padding:1em;width:350px}header .header__content .header__picture:before{width:350px;height:350px}header .header__content .header__name h1{font-size:5em}header .header__content .header__name .header__description{padding-right:1.5rem;font-size:2.5em;min-height:1.5em}}.hero{display:flex;flex-direction:column;padding:0;margin:2rem auto;max-width:95%}.hero .hero__content{display:flex;flex-direction:column;width:100%}.hero .hero__content .header__intro-mobile{display:flex;flex-direction:column;margin-bottom:2rem;position:relative}.hero .hero__content .header__intro-mobile .header__picture-mobile{position:absolute;top:0;left:0;width:100px;height:100px;z-index:1}.hero .hero__content .header__intro-mobile .header__picture-mobile img{width:100%;height:auto;border-radius:50%;position:relative;z-index:1;padding:.5em}.hero .hero__content .header__intro-mobile .header__picture-mobile:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;background-color:var(--color-header-picture-bg);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;z-index:0;box-shadow:0 0 30px rgba(var(--color-header-picture-glow-rgb),.8),0 0 60px rgba(var(--color-header-picture-glow-rgb),.6),0 0 90px rgba(var(--color-header-picture-glow-rgb),.4),0 0 120px rgba(var(--color-header-picture-glow-rgb),.2)}.hero .hero__content .header__intro-mobile .header__name-mobile{padding-left:120px;display:flex;flex-direction:column}.hero .hero__content .header__intro-mobile .header__name-mobile h1{margin:0;color:var(--color-header-h1);font-size:3em}.hero .hero__content .header__intro-mobile .header__name-mobile .header__description-mobile{margin-top:.25rem;color:var(--color-header-h2);min-height:1.5em;font-size:1.2em}.hero .hero__content .hero__description{text-align:left;position:relative;padding-left:0;margin-top:1rem}.hero .hero__content .hero__description p{margin-bottom:1em;color:var(--color-hero-font)}.hero .hero__content .hero__picture{margin-top:2rem}.hero .hero__content .hero__picture img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:var(--shadow-default)}@media (min-width: 501px){.hero{padding:.5rem;width:90%;margin-left:5%}.hero .hero__content{flex-direction:row}.hero .hero__content .header__intro-mobile{display:none}.hero .hero__content .hero__description{padding-left:0;padding-right:1rem}.hero .hero__content .hero__description,.hero .hero__content .hero__picture{width:100%;box-sizing:border-box}.hero .hero__content .hero__picture{margin-top:0}}.techs{display:flex;padding:1.5em;height:fit-content;width:95%;margin:0 auto;background-color:var(--color-tech-background);box-shadow:var(--shadow-default);color:var(--color-tech-font);border-radius:8px}.techs .tech-stack{display:flex;flex-direction:column;gap:1rem;width:100%}.techs .tech-stack__group{margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start}.techs .tech-stack__title{font-weight:700;margin-right:0;flex-basis:100%}.techs .tech-stack__tech{padding:.2rem .6rem;border-radius:.5rem;font-size:1rem;white-space:nowrap;box-shadow:var(--shadow-default);color:var(--color-secondary);background-color:var(--color-tech);border:1px solid var(--color-border);margin-bottom:.2rem}@media (min-width: 501px){.techs{width:90%}.techs .tech-stack__group{align-items:center;margin-bottom:0}.techs .tech-stack__title{margin-right:.5rem;flex-basis:auto}.techs .tech-stack__tech{margin-bottom:0}}.project-card{display:flex;flex-direction:column;width:95%;margin:2rem auto 0;padding:1rem;border:1px solid var(--shadow-project-border);box-shadow:var(--shadow-project);border-radius:8px;background-color:var(--color-project-background)}.project-card .project-card__content{padding:.5em;display:flex;flex-direction:column}.project-card .project-card__content .project-card__title{color:var(--color-project-headings)}.project-card .project-card__content .project-card__descriptions p{margin-top:1em;color:var(--color-project-font)}.project-card .project-card__content .project-card__images{margin-top:1.5rem;margin-bottom:1.5rem}.project-card .project-card__content .project-card__images .project-card__images-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.project-card .project-card__content .project-card__images .project-card__image{max-width:100%;max-height:70vh;width:100%;height:auto;display:block;border-radius:8px;object-fit:cover}.project-card .project-card__content .project-card__images video.project-card__image{max-height:70vh;object-fit:cover}.project-card .project-card__content .project-card__techs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;margin-top:0}.project-card .project-card__content .project-card__techs .project-card__tech{padding:.2rem .6rem;border-radius:.5rem;font-size:1rem;white-space:nowrap;box-shadow:var(--shadow-default);color:var(--color-secondary);background-color:var(--color-tech);border:1px solid var(--color-border);margin-bottom:.2rem}.project-card .project-card__content .project-card__links{display:flex;justify-content:center;align-items:center;gap:1em;margin-top:1rem}.project-card .project-card__content .project-card__links a{padding:.5em 1em;border-radius:8px;transition:background-color .3s ease,transform .3s ease;color:var(--color-project-button-font);background-color:var(--color-project-button);border:1px solid var(--color-project-button-border);box-shadow:var(--shadow-project-button-border)}.project-card .project-card__content .project-card__links a:hover{background-color:var(--color-project-button-hover);color:var(--color-project-button-hover-font);transform:scale(1.05)}@media (min-width: 1024px){.project-card{flex-direction:row;width:min(90%,1200px);margin:6rem auto 0;position:relative}.project-card .project-card__content{padding:1.5em;flex:0 0 calc(50% - 1rem);min-width:0}.project-card .project-card__content .project-card__images{position:absolute;left:calc(50% + 1rem);top:0;width:calc(50% - 1rem);margin:0;overflow:hidden}.project-card .project-card__content .project-card__images .project-card__images-wrapper{flex-direction:column;overflow:hidden}}@media (max-width: 1023px){.project-card{flex-direction:column;position:static}.project-card .project-card__content{flex:none;width:100%}.project-card .project-card__content .project-card__images{position:relative;left:auto;top:auto;width:auto;margin-top:1.5rem;margin-bottom:1.5rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--font-base: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-h3: system-ui, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-header-background: #304050;--color-header-picture-bg: #B2421F;--color-header-picture-glow-rgb: 242, 130, 65;--color-header-h1: #B2421F;--color-header-h2: #D87D64;--color-hero-font: #F4B7AB;--color-tech-font: #F4B7AB;--color-tech: #304050;--color-tech-background: #304050;--color-project-headings: #D87D64;--color-project-font: #F4B7AB;--color-project-background: #263747;--shadow-project-border: #B2421F;--shadow-project: 0 2px 12px rgba(178, 66, 31, .7), 0 -4px 8px rgba(178, 66, 31, .5), 0 4px 12px rgba(178, 66, 31, .3), 0 8px 24px rgba(178, 66, 31, .25);--color-project-tech: #304050;--color-project-tech-font: #f2e9e4;--shadow-project-button-border: 4px 4px 4px 0px #F4B7AB;--color-project-button: #BF533B;--color-project-button-font: #ffffff;--color-project-button-border: #BF533B;--color-project-button-hover: #D87D64;--color-project-button-hover-font: #ffffff;--color-footer-background: #304050;--color-footer-font: #F4B7AB;--color-footer-font-hover-color: #D87D64;--color-footer-btn-border: #F4B7AB;--color-footer-btn-color: #F4B7AB;--color-footer-btn-hover-bg: #D87D64;--color-footer-btn-hover-color: #304050;--color-background: #304050;--color-secondary: #f2e9e4;--color-headings: #BF533B;--color-headings-secondary: #bb5823;--color-button: #BF533B;--color-button-hover: #590823;--color-button-light: #f9f9f9;--color-button-font: #ffffff;--color-links: #22223b;--color-links-hover: #f2e9e4;--color-links-rgb: 34, 34, 59;--shadow-default: 4px 4px 4px 0px #B2421F;--color-border: #B2421F;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.footer{width:90%;background-color:var(--color-footer-background);color:var(--color-footer-font);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;margin:2rem auto 0;border-radius:8px}.footer .footer__top{margin-bottom:3rem}.footer .footer__top .footer__question{font-size:.9rem;text-transform:uppercase;margin-bottom:1rem;color:var(--color-footer-font)}.footer .footer__top .footer__big-text{font-size:4rem;font-weight:900;letter-spacing:2px;color:var(--color-footer-font);margin-bottom:2.5rem;display:inline-block;transition:transform .3s ease,color .3s ease}.footer .footer__top .footer__big-text:hover{color:var(--color-footer-font-hover-color);transform:scale(1.1)}.footer .footer__top .footer__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;gap:1.2rem}.footer .footer__top .footer__buttons .footer__btn{padding:.8rem 1.6rem;border:1px solid var(--color-footer-btn-border);border-radius:50px;font-size:.9rem;text-decoration:none;color:var(--color-footer-btn-color);transition:all .3s ease}.footer .footer__top .footer__buttons .footer__btn:hover{background-color:var(--color-footer-btn-hover-bg);border-color:var(--color-footer-btn-hover-bg);color:var(--color-footer-btn-hover-color)}.footer .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto;font-size:.85rem}.footer .footer__bottom .footer__copy{opacity:.7;color:var(--color-footer-font)}.footer .footer__bottom .footer__backtotop{text-decoration:none;font-weight:700;color:var(--color-footer-font);transition:transform .3s ease}.footer .footer__bottom .footer__backtotop:hover{transform:scale(1.1)}