:root{--color-primary:#f8f8f8;--color-secondary:#222}:root[data-theme=dark]{--color-primary:#222;--color-secondary:#f8f8f8}.header__theme-icon--sun,[data-theme=dark] .header__theme-icon--moon{display:none}[data-theme=dark] .header__theme-icon--sun{display:block}html{background-color:var(--color-primary);scroll-behavior:smooth;font-size:62.5%}*{box-sizing:border-box;cursor:url(cursor-square.c39724fb.svg) 8 8,auto;margin:0;padding:0}@media (pointer:fine){*,:before,:after{cursor:none!important}.custom-cursor{z-index:9999;pointer-events:none;opacity:0;background-color:#0000;border:1px solid #ed1c24;width:1.2rem;height:1.2rem;transition:width .2s,height .2s,border-color .2s,background-color .2s,opacity .2s;position:fixed;top:0;left:0}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hovering{background-color:#ed1c2414;width:2.8rem;height:2.8rem}.custom-cursor.is-pressed{background-color:#ed1c2429;width:2.2rem;height:2.2rem}}.hidden{opacity:0;visibility:hidden}body{font-family:Montserrat,sans-serif}h1{font-size:8rem;font-weight:300}h2{font-size:7rem;font-weight:300}h3{font-size:3rem;font-weight:300}h4{font-size:1.8rem;font-weight:100}p{font-size:3rem;font-weight:300}@media only screen and (width<=87.5em){h1{font-size:7rem}h2{font-size:5rem}h3{font-size:2rem}h4{font-size:1.8rem}p{font-size:2.3rem}}@media only screen and (width<=59.38em){h1{font-size:6rem}h2{font-size:4rem}h3,h4{font-size:1.8rem}p{font-size:2rem}}@media only screen and (width<=37.5em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.7rem}h4,p{font-size:1.8rem}}@media only screen and (width<=21.87em){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.3rem}p{font-size:1.1rem}}.btn{text-wrap:nowrap;cursor:pointer;width:min-content;color:var(--color-primary);background-color:#0000;border:none;padding:.6rem 2rem;font-size:3rem}.btn h4{background-color:#ed1c24;padding:.6rem 1rem;transition:all 1s;transform:skewY(9deg)}.btn__top-line,.btn__bottom-line{transform-origin:50%;background-color:#ed1c24;width:100%;height:1px;transition:transform .3s;position:absolute;left:0;transform:scaleX(0)}.btn__top-line{top:0}.btn__bottom-line{bottom:0}.btn:after,.btn:before{content:" ";transform-origin:50%;background-color:#ed1c24;width:1px;height:calc(100% + 20px);transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)scaleY(0)}.btn:before{left:10px}.btn:after{right:10px}.btn:hover{color:#ed1c24}.btn:hover h4{background-color:#0000;transform:skewY(0)}.btn:hover:before,.btn:hover:after{transform:translateY(-50%)scaleY(1)}.btn:hover .btn__top-line,.btn:hover .btn__bottom-line{transform:scaleX(1)}.about{grid-template-rows:min-content 40rem min-content;row-gap:2rem;height:100vh;display:grid;overflow:hidden}.about__title{white-space:nowrap;width:min-content;color:var(--color-secondary)}.about__quote{opacity:1;justify-content:flex-end;place-self:center;align-items:center;width:100%;padding-left:38%;padding-right:3rem;transition:all 2s;display:flex;position:relative}.about__quote-icon{fill:#ed1c24;flex-shrink:0;align-self:start;width:6rem;height:6rem;transform:rotateY(-180deg)}.about__quote-p{color:#bebebe;font-kerning:none;text-wrap:balance;text-align:right;flex:1;align-self:start;width:100%;margin-top:4rem;transition:color .3s}.about__quote-p .word:hover{color:#ed1c24}.about__btn{transition:all .3s}.about__side-btn{transform-origin:0 0;z-index:1000;position:fixed;top:50%;left:-1rem;transform:rotate(-90deg)}.about__side-btn h4{transform:skew(-9deg)}.about__side-btn:hover h4{color:#ed1c24;background-color:var(--color-primary)}.about__horizontal-btn{justify-self:center;margin:4rem 3rem 0 50%;transform:rotate(0)}.about__horizontal-btn h4{transform:skew(9deg)}@media only screen and (width<=37.5em){.about{grid-template-rows:repeat(3,min-content);grid-template-columns:1fr;height:min-content}.about__quote{flex-direction:column;justify-content:center;padding:0}.about__quote-p{text-align:center;flex:auto;align-self:auto;width:100%}.about__quote-p .word:hover{color:inherit}.about__quote-icon{width:4rem;height:4rem;position:absolute;top:0;left:5rem}.about__horizontal-btn{margin:2rem 0 0}}@media only screen and (width<=21.87em){.about__quote-icon{width:4rem;height:4rem;position:absolute;top:0;left:1rem}}.contact{grid-template-columns:2fr 2fr;align-items:center;column-gap:4rem;min-height:50vh;padding:6rem 0;display:grid;position:relative;overflow:hidden}.contact__info{flex-direction:column;gap:2rem;display:flex}.contact__title{color:var(--color-secondary)}.contact__intro{color:#bebebe;align-self:flex-start}.contact__intro .line{text-align:left!important}.contact__intro .word:hover{color:#ed1c24}.contact__list{flex-direction:column;gap:1.5rem;margin-top:1rem;list-style:none;display:flex}.contact__item{flex-direction:column;gap:1rem;transition:all .3s;display:flex;position:relative}.contact__label{color:#bebebe;text-transform:uppercase;letter-spacing:.1rem;font-size:1.6rem}.contact__value{color:var(--color-secondary);position:inherit;text-wrap:nowrap;width:min-content;font-size:2.7rem;text-decoration:none;transition:color .3s}.contact__value:hover{color:#ed1c24}.contact__city-map{z-index:2;width:100%;top:-2px}.contact__panel{justify-content:center;gap:3rem;align-items:left;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.contact__panel:after{content:"";filter:blur(3px);z-index:-1;background-image:url(https://images.unsplash.com/photo-1484417894907-623942c8ee29?q=80&w=2232&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:100%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.contact__badge{background-color:var(--color-secondary);color:var(--color-primary);text-wrap:nowrap;width:min-content;padding:1rem 3rem 1rem 4rem;font-size:1.6rem;position:relative}.contact__badge:before{content:"";background-color:#35c53e;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.contact__btn{width:min-content;margin:0}.contact__btn-link{color:inherit;text-decoration:none}@media only screen and (width<=59.38em){.contact{grid-template-columns:1fr;align-items:center;row-gap:3rem}.contact__info{text-align:center;grid-column:1/-1}.contact__title{text-align:center}.contact .line{text-align:center!important}.contact__intro{align-self:center}.contact__panel{grid-column:1/-1;align-items:center;width:100%;height:auto;min-height:30rem}.contact__panel:after{background-position:50%;border:1px solid red}.contact__list{align-items:center}.contact__value{text-wrap:nowrap;font-size:2rem}.contact__city-map{width:100%}}@media only screen and (width<=37.5em){.contact{padding:0}.contact__intro{text-wrap:balance;width:90%}.contact__city-map{width:100%;margin-top:2rem}.contact__panel{min-height:auto}.contact__panel:after{filter:blur(1px);background-repeat:no-repeat;background-size:cover;padding:2rem}.contact__item{align-items:center;width:90%}.contact__value{text-wrap:nowrap}.contact__badge{text-wrap:balance;text-align:center;width:80%;margin-top:2rem}}body{grid-template-columns:minmax(0,1fr);row-gap:5rem;margin:2rem;display:grid;position:relative;overflow-x:clip}@media only screen and (width<=59.38em){body{margin:0}}body>svg:first-child{width:0;height:0;position:absolute;overflow:hidden}.header{background-color:var(--color-primary);clip-path:polygon(12% 0,100% 0,100% 10%,14% 10%);z-index:1000;justify-self:center;width:100%;height:40rem;position:absolute;top:0;right:0}.header__nav{position:absolute;top:.5rem;right:.5rem}.header__list{gap:3rem;list-style:none;display:flex}.header__nav-icon{fill:#bebebe;stroke:#bebebe;stroke-width:1px;width:2.5rem;height:2.5rem;transition:all .2s ease-in-out}.header__nav-icon:hover{fill:#ed1c24;stroke:#ed1c24}.header__theme-icon--sun{stroke-width:3px}@media only screen and (width<=37.5em){.header{clip-path:none;height:min-content}.header__nav-wrapper{transition:all .3s;position:relative}.header__nav{visibility:hidden;opacity:0;position:fixed;top:50%;right:5rem;transform:translateY(-50%)}.header__nav--open{visibility:visible;opacity:1;background-color:var(--color-secondary);padding:1rem;right:0}.header__nav .header__list{flex-direction:column}.header .mobile__icon__link{background-color:var(--color-secondary);clip-path:polygon(10% 10%,100% 0,100% 100%,10% 90%);justify-content:center;padding:.5rem;display:flex;position:fixed;top:50%;right:0}.header .mobile__icon__link--open{right:4.5rem}}.section__hero{filter:grayscale();background-image:url(mount.a836ef2b.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;width:100%;height:100vh;padding-top:3rem;display:flex;position:relative}.section__hero .hero__pic{filter:grayscale();height:calc(100vh - 3rem)}.section__hero .hero__pic--scrolled{transform:scaleX(-1)translateY(100vh)}.section__hero h1{color:#bebebe;white-space:nowrap;border-right:1px solid #bebebe;max-width:max-content;animation:4s steps(60,end) infinite typing,1s step-end infinite blink;position:absolute;bottom:5%;left:5rem;overflow:hidden}@keyframes blink{0%{border-color:#0000}50%{border-color:#bebebe}to{border-color:#0000}}@keyframes typing{0%{width:0}to{width:100%}}@media only screen and (width<=59.38em){.section__hero{height:auto}.section__hero .hero__pic{object-fit:cover;width:100%;height:auto}.section__hero h1{bottom:2%;left:2rem}}@media only screen and (width<=37.5em){.section__hero{width:100vw}.section__hero .hero__pic{object-fit:contain;width:100vw;mask-image:linear-gradient(#000 80%,#0000 100%)}}@media only screen and (width<=21.87em){.section__hero h1{left:1rem}}.projects{z-index:1;position:relative}.projects__layer{height:100dvh;position:sticky;top:0}.projects__spacer{height:150vh}.projects__layout{grid-template-rows:80% 1fr;grid-template-columns:28% 28% 1fr;width:100%;height:100vh;display:grid;position:absolute;top:0;overflow:hidden}.projects__layout>*{padding:3rem}.projects__pages{color:var(--color-secondary);z-index:1;gap:4rem;display:flex;position:absolute;top:0;right:0}.projects__pages--current{padding-right:1rem;position:relative}.projects__pages--current:after{content:"";background-color:#bebebe;width:4rem;height:1px;position:absolute;top:50%;left:100%}.projects__pages--last{padding-left:1rem}.projects__box-menu{background-color:#bebebe;flex-direction:column;grid-row:1/2;justify-content:space-between;place-items:center;gap:3rem;display:flex}.projects__logo{background-color:var(--color-primary);width:10rem;height:10rem;box-shadow:2px 2px 2px var(--color-primary);border-radius:2rem;padding:1rem}.projects__nav{margin-bottom:0}.projects__list{flex-direction:column;gap:1rem;list-style:none;display:flex;position:relative}.projects__list:before{content:"";background-color:#222;width:30%;height:1px;position:absolute;top:-1rem;left:0}.projects__link,.projects :visited,.projects :link{color:#222;text-decoration:none;transition:all .3s}.projects__link:hover,.projects :visited:hover,.projects :link:hover{color:#ed1c24}.projects__phone{aspect-ratio:9/19.5;border:2rem solid var(--color-secondary);border-width:7px;border-radius:40px;align-self:center;width:95%;height:auto;margin:1rem;padding:0;transition:all .5s;overflow:hidden;transform:translateY(18%)}.projects__preview{border:none;width:100%;height:100%}.projects__link-phone{display:none}.projects__box-red{z-index:1;background-color:#ed1c24;grid-area:2/2/4/3;margin-right:-1px}.projects__box-content{background-color:var(--color-primary);grid-area:1/3/3/4;grid-template-rows:min-content min-content 1fr;display:grid;position:relative}.projects__concept{color:#ed1c24;transition:all .3s;position:relative;top:40%}.projects__concept--stackPage{margin-top:10%;position:relative;top:auto;left:auto}.projects__title{color:var(--color-secondary);grid-column:1/-1;transition:all .3s;position:relative;top:40%}.projects__title--stack{margin-bottom:auto;position:relative;top:auto;left:auto}.projects__p{color:#bebebe;grid-row:3/-1;align-self:center;width:80%;transition:all .3s;position:relative}.projects__tech{grid-area:3/1/-1/-1;place-self:center;margin-left:5rem;position:relative;top:10%}.projects__tech-card{width:20rem;height:20rem;margin-bottom:6rem;padding:1rem;transition:all .3s;transform:perspective(1000px)rotate(-30deg)skew(25deg)}.projects__tech-card-desc{color:var(--color-secondary);text-wrap:nowrap;margin-left:8rem;position:absolute;top:40%}.projects__tech-card:before{content:"";background:#8080804d;width:10px;height:100%;transition:all .3s;position:absolute;top:5px;left:-10px;transform:rotate(0)skewY(-45deg)}.projects__tech-card:after{content:"";background:#8080804d;width:100%;height:10px;transition:all .3s;position:absolute;bottom:-10px;left:-5px;transform:rotate(0)skew(-45deg)}.projects__tech-card:first-child{z-index:6;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-80%)translateY(80%)}.projects__tech-card:nth-child(2){z-index:5;opacity:0;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-90%)translateY(90%)}.projects__tech-card:nth-child(3){z-index:4;opacity:0;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-100%)translateY(100%)}.projects__tech-card:nth-child(4){z-index:3;opacity:0;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-110%)translateY(110%)}.projects__tech-card:nth-child(5){z-index:2;opacity:0;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-120%)translateY(120%)}.projects__tech-card:nth-child(6){z-index:1;opacity:0;transform:perspective(1000px)rotate(-30deg)skew(25deg)translate(-120%)translateY(120%)}.projects__tech-icon{width:100%;height:100%}.projects__tech .icon--html5{fill:#e34c26}.projects__tech .icon--css{fill:#2965f1}.projects__tech .icon--supabase{fill:#34b27b}.projects__tech .icon--chart-js{width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (width<=87.5em){.projects__layout{grid-template-rows:min-content 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.projects__box-menu{grid-area:1/2/2/-1;grid-template-columns:min-content 1fr;row-gap:1rem;min-width:0;height:min-content;padding-top:4rem;display:grid}.projects__nav{grid-column:1/-1;justify-self:start}.projects__list{flex-direction:row;gap:2rem}.projects__list:before{display:none}.projects__link{text-wrap:nowrap}.projects__menu-title{grid-column:2/3;justify-self:start}.projects__logo{grid-area:1/1/2/2;width:7rem;height:7rem}.projects__pages{color:#222}.projects__pages--current:after{background-color:#222}.projects__phone{grid-area:1/1/3/2;align-self:auto;min-width:0;transform:translateY(0%)}.projects__box-content{grid-area:2/2/3/3;min-width:0}.projects__box-red{display:none}.projects__tech{grid-area:3/1/-1/-1;margin-left:0;top:5%}.projects__tech-card{width:15rem;height:15rem;margin-bottom:6rem}}@media only screen and (width<=59.38em){.projects__layout{grid-template-columns:minmax(0,55%) minmax(0,1fr)}.projects__box-menu{grid-column:1/-1;padding:2rem}.projects__phone{grid-row:2/3}.projects__tech-card-desc{text-wrap:balance;width:14rem;top:50%;transform:translateY(-50%)}}@media only screen and (width<=37.5em){.projects__layout{-webkit-overflow-scrolling:touch;background-color:var(--color-primary);grid-template-rows:repeat(3,min-content);grid-template-columns:1fr;row-gap:2rem;top:0;overflow:hidden}.projects .line{text-wrap:balance;width:100%}.projects__spacer{height:200vh}.projects__spacer-page1{height:0}.projects__box-menu{grid-column:1/-1;padding:2rem}.projects__phone{grid-area:3/1/4/-1;width:80%;margin:2rem auto 0;position:relative}.projects__phone-stackPage{display:none}.projects__link-phone{z-index:1;background-color:#bebebe33;border:1px solid #f8f8f8;padding:1rem;transition:all .3s;display:block;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:#f8f8f8!important}.projects__link-phone:hover{background-color:#ed1c24cc;transform:translate(-50%,-50%)scale(1.1)}.projects__preview{pointer-events:none;filter:brightness(.8)blur(5px)}.projects__box-content{grid-column:1/-1;align-items:flex-start;height:min-content;padding:0 2rem;top:0}.projects__p,.projects__concept,.projects__title{margin-top:0;position:static;top:0;left:auto}.projects__p{width:100%;margin-top:2rem}.projects__tech{margin-left:2rem}.projects__tech-card-desc{text-wrap:balance;width:14rem;top:50%;transform:translateY(-50%)}}@media only screen and (width<=21.87em){.projects__logo{width:5rem;height:5rem}.projects__tech{margin-left:0}.projects__tech-card{width:10rem;height:10rem;margin-bottom:6rem}}.skills__container{border-bottom:1px solid #ed1c24;min-width:0;display:flex;overflow:hidden}.skills{min-width:0;height:5rem;color:var(--color-secondary);align-items:center;gap:3rem;animation:10s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(-50%)}to{transform:translate(0%)}}.skills__element{text-wrap:nowrap}@media only screen and (width<=37.5em){.skills{gap:1rem;height:3rem}}.footer{grid-template-rows:min-content;grid-template-columns:1fr 1fr;padding:4rem 3rem 2rem;display:grid;position:relative}.footer:before{content:"";z-index:-1;background-color:var(--color-primary);border-top:1px solid #ed1c24;position:absolute;inset:0}.footer__navigation{flex-direction:column;gap:2rem;height:min-content;display:flex}.footer__links{gap:2rem;display:flex}.footer__logo{color:var(--color-secondary);font-size:1.8rem;font-weight:500}.footer__tagline{color:#bebebe;margin-top:.4rem;font-size:1.3rem}.footer__nav{gap:2rem;display:flex}.footer__link{color:#555;font-size:1.4rem;text-decoration:none;transition:color .3s}.footer__link:hover{color:#ed1c24}.footer__social{justify-self:end;gap:3rem;height:min-content;display:flex}.footer__social svg{fill:#bebebe;stroke:#bebebe;stroke-width:1px;box-sizing:border-box;width:2.5rem;height:2.5rem;transition:all .2s ease-in-out}.footer__social svg:hover{fill:#ed1c24;stroke:#ed1c24}.footer__icon{fill:none;stroke:#555;width:2rem;height:2rem;transition:stroke .3s}.footer__icon:hover{stroke:#1a1a1a}.footer__copyright{text-align:center;color:#999;grid-column:1/-1;justify-self:center;margin-top:2rem;font-size:1.2rem}@media only screen and (width<=37.5em){.footer{text-align:center;justify-content:center;row-gap:2rem;padding:4rem 2rem 2rem}.footer__navigation{grid-column:1/-1;align-items:center}.footer__social{grid-area:2/1/3/-1;justify-self:center}.footer__copyright{margin-top:0}}@media only screen and (width<=21.87em){.footer__links{gap:1rem}}
/*# sourceMappingURL=repo.bacedc0c.css.map */