:root{--container-width:112rem;--gutter:2rem;--color-black:#000;--color-light-black:#00000080;--color-white:#fff;--color-blue:#2374e1;--color-light-blue:#1d9bf0;--color-dark-blue:#0a66c2;--color-darker-blue:#143ce8;--color-red:#f33131;--color-green:#03a696;--color-grey:#f6f6f6;--color-dark:#111;--color-light-orange:#fda604de;--color-dark-green:#42959b;--color-background:var(--color-white);--color-box-shadow:var(--color-white);--color-text:var(--color-black);--color-box-img:var(--color-black);--color-link-bg:var(--color-black);--color-input-border:var(--color-black);--font-family-raleway:"Raleway",sans-serif;--font-family-poppins:"Poppins",sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi-bold:600;--font-weight-bold:700;--font-size-70:7rem;--font-size-65:6.5rem;--font-size-40:4rem;--font-size-38:3.8rem;--font-size-24:2.4rem;--font-size-22:2.2rem;--font-size-20:2rem;--font-size-18:1.8rem;--font-size-15:1.5rem;--transition-timing:.3s}*{font:inherit;margin:0;padding:0}*,:before,:after{box-sizing:border-box}a{color:inherit;display:inline-block}ul,ol{list-style:none}html{scroll-behavior:smooth;scroll-padding-top:11rem;font-size:62.5%;overflow-x:hidden}body{font-family:var(--font-family-raleway);color:var(--color-text);background-color:var(--color-background);font-size:1.7rem}.global-container{max-width:calc(var(--container-width) + var(--gutter)*2);padding-inline:var(--gutter);row-gap:11rem;margin:0 auto;display:grid}.section--container{font-size:var(--font-size-24);grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6rem 7.4rem;display:grid}.section-title{font-family:var(--font-family-raleway);font-size:var(--font-size-65);font-weight:var(--font-weight-bold);text-transform:capitalize;grid-column:1/-1}.section--bg:before{content:"";background-color:var(--color-grey);z-index:-1;justify-self:center;width:100vw;height:100%;position:absolute}.section--bg{padding:11rem 0}.bg-loop{opacity:.25;z-index:-1;min-width:100%;height:100vw;min-height:100%;position:fixed;top:0;left:0}header{background-color:var(--color-background);z-index:100;justify-content:center;padding:3rem 0;display:flex;position:sticky;top:0}header:before{content:"";z-index:-1;border-bottom:.1rem solid var(--color-input-border);background-color:var(--color-background);width:100vw;height:100%;position:absolute;top:0}.burger-menu__checkbox{display:none}.global-container:has(#bio:target) .a-bio,.global-container:has(#skills:target) .a-skills,.global-container:has(#projects:target) .a-projects,.global-container:has(#contact:target) .a-contact,.global-container:has(#clients:target) .a-clients,.global-container:has(#media:target) .a-media{color:var(--color-red);font-weight:var(--font-weight-bold);text-decoration:underline}.nav__list{gap:1.1em;display:flex}.nav__list a{text-decoration:none}.nav__list a:hover{text-decoration:underline}.toggle{align-items:center;gap:10px;margin-left:auto;display:flex}.toggle>h3{font-weight:var(--font-weight-medium);font-size:20px}#toggle__checkbox{display:none}.toggle__label{background-color:var(--color-black);color:var(--color-white);cursor:pointer;border-radius:1em;width:5rem;height:2.5rem;padding:.25em .3em;transition:all .5s;display:block}.toggle__label:after{content:"";background-color:var(--color-white);border-radius:50%;width:1em;height:1em;transition:all .5s;display:block}#toggle__checkbox:checked+.toggle__label{background-color:var(--color-white);border:var(--color-black)solid 1px}#toggle__checkbox:checked+.toggle__label:after{background-color:var(--color-dark);transition:all .4s;transform:translate(2rem)}.bio__infos{flex-direction:column;gap:4rem;display:flex}.bio__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-70);grid-area:1/1/2/2;line-height:1.2em}.bio__description{grid-area:2/1/3/2;line-height:32px}.bio__facebook{color:var(--color-blue)}.bio__twitter{color:var(--color-light-blue)}.bio__linkedin{color:var(--color-dark-blue)}.bio__description>span{font-weight:var(--font-weight-semi-bold)}.bio__docs{grid-area:3/1/4/2;align-items:center;gap:1rem;display:flex}.bio__download,.bio__contact{font-weight:var(--font-weight-semi-bold);text-decoration:none}.bio__download{align-items:center;gap:.3em;display:flex}.bio__contact{color:var(--color-white);background-color:var(--color-link-bg);padding:.4rem 4rem}.bio__download--arrow{animation:1.4s cubic-bezier(.18,.89,.32,1.28) infinite UpDown;display:inline-block}@keyframes UpDown{0%{transform:translateY(-.3rem)}35%{transform:translateY(.3rem)}70%{transform:translateY(0)}to{transform:translateY(-.3rem)}}.bio__image img{border-radius:3.7%;width:44rem}.bio__image{place-self:center end;align-items:flex-end;display:flex;position:relative}.bio__image:before{content:"";z-index:-1;background-color:var(--color-box-img);width:100%;height:70%;box-shadow:4px 8px 32px var(--color-box-shadow);border-radius:3.7%;position:absolute}.skills{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);row-gap:7rem;height:fit-content;display:grid;position:relative}.skills h2{font-size:var(--font-size-38);font-weight:var(--font-weight-semi-bold)}.html{grid-area:2/1/2/2}.css{grid-area:2/2/2/3}.js{grid-area:2/3/2/4}.react{grid-area:3/1/3/2}.redux{grid-area:3/2/3/3}.react-testing-lib{grid-area:3/3/3/4}.skills div{transition:var(--transition-timing)}.skills div:hover{text-shadow:-2px 2px 4px var(--color-red);-webkit-user-select:none;user-select:none}.skills span{font-size:var(--font-size-18);color:var(--color);font-weight:var(--font-weight-regular)}.projects h1{font-weight:var(--font-weight-bold);text-transform:capitalize;width:60%;padding-bottom:3rem}.projects__subtitle{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);margin-bottom:3rem}.projects h2{font-size:var(--font-size-40);font-weight:var(--font-weight-bold);width:100%}.projects__links{width:100%;font-size:var(--font-size-18);align-items:center;gap:1rem;height:6rem;display:flex}.projects__links a{color:var(--color-blue)}.projects__links a:after{content:"";background-image:url(external-icon.30105216.png);background-size:cover;width:1.5rem;height:1.5rem;margin-inline-start:.5rem;display:inline-block}.projects__links span{left:10px}.projects p{font-size:var(--font-size-18);padding:3rem 0;line-height:2rem}.projects__lock-icon{color:#aaa;align-self:flex-end;align-items:center;gap:.5rem;height:3rem;font-size:1.7rem;display:flex}.repo-wrapper{background:var(--color-background);z-index:1;border-radius:.5em;flex-direction:column;justify-content:space-between;height:100%;padding:.5em;transition:box-shadow .3s ease-in-out;display:flex;position:relative}.repo-wrapper:before{content:"";border:2px dashed var(--color-box-img);z-index:-1;border-radius:.5em;transition:transform .3s ease-in-out;position:absolute;inset:-.3rem;transform:translate(-.6rem,-.6rem)}.repo-wrapper:hover:before{transform:translate(0)}.repo-wrapper:hover{box-shadow:0 0 1em .3em var(--color-box-shadow)}.repo-content>p{height:100%;padding:0;display:inline}.repo-content{flex:1;margin:1.5em 0}.repo-title{white-space:normal;overflow-wrap:normal;flex:1;width:100%;font-size:1.5em;font-weight:700}.repo-title h1,.repo-title h2{white-space:normal;overflow-wrap:normal;word-wrap:break-word;width:100%;height:auto;padding-bottom:0}.repo-link{align-self:flex-end;font-size:2rem}.clients{position:relative}.clients__opinions{scroll-snap-type:x mandatory;font-size:var(--font-size-40);grid-column:1/-1;line-height:1.7em;display:flex;overflow-x:auto}.clients__opinion{scroll-snap-align:center;flex-shrink:0;flex-basis:100%;height:min-content}.clients__opinion h3{font-size:var(--font-size-40);font-weight:var(--font-weight-semi-bold)}.clients__opinion p{font-size:var(--font-size-24);background-color:var(--color-light-orange);text-align:center;border-radius:1rem;padding:1rem;font-style:italic}.contact{grid-template-columns:repeat(2,1fr);place-items:center;gap:0 17rem;margin-bottom:3rem}.contact__description{font-size:var(--font-size-20);max-width:100%;line-height:3rem}.contact__email{font-weight:var(--font-weight-bold);font-size:var(--font-size-18);margin:3rem 0}.contact__socials{-webkit-user-select:none;user-select:none}.contact__social{transition:var(--transition-timing)}.contact__social:hover{transform:scale(1.2)}.contact h1{padding-bottom:10rem;line-height:6.5rem}.contact__inputs{flex-wrap:wrap;gap:2rem;display:flex}.contact__input{border:0;border-bottom:1px solid var(--color-input-border);width:100%;font-size:var(--font-size-15);background-color:#0000;outline:0}.contact__input::placeholder{font-size:var(--font-size-18)}textarea{resize:vertical;width:100%;margin-top:2rem}button[type=submit]{color:var(--color-white);background-color:var(--color-link-bg);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-24);border:0;outline:0;margin-top:3rem;padding:1.6rem 2rem}form{width:fit-content;margin:0 auto}form:invalid:after{content:"*";font-size:var(--font-size-40);color:var(--color-red)}footer{border-top:1px solid var(--color-input-border);padding:1rem;position:relative}html:has(#toggle__checkbox:checked){--color-background:var(--color-dark);--color-text:var(--color-white);--color-input-border:var(--color-white);--color-box-shadow:var(--color-light-black);--color-grey:var(--color-dark);--color-box-img:var(--color-white);--color-link-bg:var(--color-white)}html:has(#toggle__checkbox:checked) button[type=submit],html:has(#toggle__checkbox:checked) .bio__contact{color:var(--color-dark)}@media screen and (width<=1000px){html{font-size:7px}}@media screen and (width<=800px){.global-container{row-gap:7rem}.section--container{grid-template-columns:1fr;column-gap:0}.projects__section--container{grid-template-columns:minmax(0,var(--container-width))}.section--bg{padding:7rem 0}.bg-loop{height:100vw}#toggle__checkbox:checked+.toggle__label:after{transform:translate(2.3rem)}.toggle__label{height:2.5rem;padding:3px}.bio__image{order:-1;place-self:center}.skills{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,1fr);gap:3rem}.redux{grid-area:4/1/4/2}.react-testing-lib{grid-area:4/2/4/3}.js{grid-area:3/1/3/2}.contact__form{order:-1;margin-bottom:5rem}}@media screen and (width<=500px){html{scroll-padding-top:25rem;font-size:5px}.bg-loop{height:100vw}header{padding:0}header:before{z-index:0}.nav__list{justify-content:center}.toggle{z-index:1;padding:3rem 0}#toggle__checkbox:checked+.toggle__label:after{transform:translate(2.5rem)}.toggle__label{width:27px;height:16px;padding:3px}.toggle__label:after{width:40%;height:96%}.toggle h3{font-size:var(--font-size-24)}.contact__form{flex-direction:column;justify-content:center;margin-bottom:5rem;display:flex}.contact h1{padding-bottom:4rem;font-size:5rem}section,footer{transition:var(--transition-timing)}.burger-menu{cursor:pointer;z-index:0;flex-direction:column;justify-content:center;gap:.8rem;display:flex}.burger-menu__bar{background-color:var(--color-text);width:5rem;height:.45rem;transition:var(--transition-timing)}header:has(.burger-menu__checkbox:checked) .burger-menu__bar:first-child{transform:translateY(9px)rotate(45deg)}header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(2){visibility:hidden;opacity:0}header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(3){transform:translateY(-3px)rotate(-45deg)}.nav{background-color:var(--color-background);width:100vw;font-size:var(--font-size-20);border-bottom:1px solid var(--color-input-border);z-index:-1;transition:var(--transition-timing);padding:3rem 0;position:absolute;top:0}header:has(.burger-menu__checkbox:checked) .nav{top:100%}html:has(.burger-menu__checkbox:checked) section,html:has(.burger-menu__checkbox:checked) footer{filter:blur(3px)}}
/*# sourceMappingURL=index.ad7f6507.css.map */