*{padding:0;margin:0;font:inherit;border:none;outline:0}*,*::before,*::after{box-sizing:border-box}a{color:inherit;display:inline-block;text-decoration:none}button{background-color:rgba(0,0,0,0);cursor:pointer}ul,ol{list-style:none}:root{--color-text: #000;--color-background: #fff;--color-input-border: #000;--color-green: #92d1d9;--color-gray: #f6f6f6;--color-dark-green: #42959b}html:has(.toggle__input:checked){--color-text: #fff;--color-background: #000;--color-gray: #080808;--color-input-border: #fff;--color-green: var(--color-dark-green)}html{font-size:10px;scroll-behavior:smooth}body{font-size:1.6rem;font-family:"Raleway",sans-serif;background-color:var(--color-background);color:var(--color-text)}.background-video{opacity:.1;position:fixed;z-index:-1;inset-block-start:0;inset-inline-start:0;min-height:100%;min-width:100%}.container{margin:0 auto;max-width:123rem;padding:0 2rem}.section{padding:11rem 0}.container--grid-2col{display:grid;grid-template-columns:repeat(2, auto);align-items:start;row-gap:6rem}.container--grid-1col{display:grid;grid-template-columns:1fr;align-items:start;row-gap:6rem}.section--gray-background{background-color:var(--color-gray)}.section-heading{font-size:6.5rem;font-weight:700;margin-inline-start:1rem;position:relative}.section-heading--colspan2{grid-column:span 2}.section-heading::before{content:"";width:.5rem;height:100%;background-color:var(--color-green);display:inline-block;position:absolute;inset-inline-start:-1rem}.header{padding:3rem 0;font-weight:500;position:sticky;border-bottom:.1rem solid var(--color-input-border);background-color:var(--color-background);top:0;z-index:2}.header__container{display:flex;justify-content:space-between}.burger-menu{display:none;gap:.85rem;cursor:pointer}.burger-menu__line{width:4.5rem;height:.3rem;display:inline-block;background-color:var(--color-text);transition:.3s}.header:has(.burger-menu__input:checked) .burger-menu__line:nth-of-type(1){transform:translateY(10px) rotate(40deg)}.header:has(.burger-menu__input:checked) .burger-menu__line:nth-of-type(2){opacity:0;visibility:none}.header:has(.burger-menu__input:checked) .burger-menu__line:nth-of-type(3){transform:translateY(-7px) rotate(-40deg)}.navigation__links{display:flex;gap:2rem}.navigation__link:link,.navigation__link:visited{transition:.3s}.navigation__link:hover,.navigation__link:active{text-decoration:underline;color:var(--color-green)}body:has(#bio:target) .navigation__bio,body:has(#skills:target) .navigation__skills,body:has(#projects:target) .navigation__projects,body:has(#clients:target) .navigation__clients,body:has(#contact:target) .navigation__contact{color:var(--color-dark-green);font-weight:700;text-decoration:underline}.toggle{display:flex;gap:1rem}.toggle__title{font-size:1.8rem;font-weight:500}.toggle__input{display:none}.toggle__input:checked+.toggle__label{background-color:#fff}.toggle__input:checked+.toggle__label::after{background-color:#000;transform:translateX(2.1rem)}.toggle__label{width:4.5rem;height:2.2rem;background-color:#000;transition:.3s;border-radius:1.5rem;position:relative;display:block;padding:.3rem .4rem;cursor:pointer}.toggle__label::after{content:"";background-color:#fff;border-radius:50%;transition:.3s;width:1.6rem;height:1.6rem;display:block}.bio{min-height:calc(100vh - 8rem);display:flex;justify-content:center;align-items:center}.bio__container{gap:7.4rem;align-items:center;height:100%}.bio__heading{font-size:7rem;font-weight:700}.bio__details{font-family:"Poppins",sans-serif;font-weight:400;font-size:2rem;line-height:1.6;margin:3rem 0 8rem}.bio__name{font-weight:600}.bio__social{color:#0a66c2;font-weight:600}.bio__links{display:flex;gap:2rem}.bio__link{font-size:2.4rem;font-weight:600}.bio__link--say-hi{background-color:var(--color-text);color:var(--color-background);padding:.7rem 4.7rem}.bio__link--download{padding:.7rem 0}.bio__arrow{display:inline-block;animation:arrow-animation 1s infinite alternate ease-in-out}.bio__avatar{width:42.7rem}@keyframes arrow-animation{0%{transform:translateY(0.5rem)}35%{transform:translateY(-0.5rem)}70%{transform:translateY(0rem)}100%{transform:translateY(0rem)}}.skills__list{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between;gap:5rem}.skills__item{display:flex;gap:1rem;justify-content:space-between;padding:20px;background-color:rgba(185,185,185,.2901960784);border-radius:1.5rem;transition:.3s;user-select:none}.skills__item:hover{background:var(--color-green)}.skills__title{font-size:3.8rem;font-weight:600}.skills__expertience{display:inline-block;font-size:2rem}.skills__icon{display:flex;justify-content:center;align-items:center}.skills__svg{width:55px;height:55px}.projects__project{position:relative;display:flex;justify-content:center;align-items:center}.projects__cover{flex:1;position:relative;border-radius:4rem;overflow:hidden;transition:.3s;aspect-ratio:4/3}.projects__cover:hover{transform:scale(1.05)}.projects__cover::before{content:"";width:100%;height:100%;position:absolute;top:0;inset-inline-start:0;background-color:var(--color-green);opacity:.4;transition:.3s}.projects__cover:hover::before{opacity:0}.proects__image{max-width:100%;aspect-ratio:4/3;object-fit:cover}.projects__details{display:grid;gap:1.5rem;padding:3rem;background-color:var(--color-background);border-radius:4rem;flex:1;z-index:1;transition:.3s}.projects__details:hover{transform:scale(1.05)}.projects__project:nth-of-type(odd) .projects__details{margin-inline-start:-150px}.projects__project:nth-of-type(even) .projects__details{order:-1;margin-inline-end:-150px}.projects__title{font-size:3.5rem;font-weight:600;transition:color .3s}.projects__details:hover .projects__title{color:var(--color-dark-green)}.projects__description{font-family:"Poppins",sans-serif;font-weight:400;font-size:2rem;line-height:1.6}.projects__links{display:flex;flex-wrap:wrap;gap:1rem}.projects__link{font-size:2rem;font-weight:500;padding:1rem 2.5rem;background-color:var(--color-green);border-radius:1rem;cursor:pointer;transition:.3s;opacity:.8}.projects__link:hover{opacity:1}.clients__carousel{display:flex;flex-direction:column;gap:3rem;overflow:hidden}.clients__comments{display:flex;gap:1rem;width:100%;transition:transform .5s ease-in-out;animation:change-slide 12s infinite alternate}.clients__comment{display:flex;flex-direction:column;gap:2rem;flex:1 0 100%;padding:2rem;border-radius:2rem}.clients__comment-heading{text-align:center;font-size:2.5rem;font-weight:700;text-transform:uppercase}.clients__comment-body{font-family:"Poppins",sans-serif;font-weight:400;font-size:2rem;line-height:1.6}.clients__comment:nth-of-type(1){background-color:rgba(146,209,217,.2901960784)}.clients__comment:nth-of-type(2){background-color:rgba(217,146,153,.2901960784)}.clients__comment:nth-of-type(3){background-color:rgba(197,217,146,.2901960784)}.clients__details{display:flex;gap:1rem;justify-content:flex-end;align-items:center}.clients__avatar{width:60px}.clients__bio{display:flex;flex-direction:column;gap:.5rem}.clients__name{font-weight:600}.clients__control{display:flex;justify-content:center;align-items:center;gap:1rem}.clients__nav{width:3rem;height:.75rem;display:inline-block;background-color:var(--color-dark-green);border-radius:25px;opacity:.5;cursor:pointer;transition:.3s;animation:12s infinite alternate}@keyframes change-slide{0%,20%{transform:translateX(0)}40%,60%{transform:translateX(calc(-100% - 1rem))}80%,100%{transform:translateX(calc(-200% - 2rem))}}@keyframes nav1{0%,20%{opacity:1}40%,60%{opacity:.5}80%,100%{opacity:.5}}@keyframes nav2{0%,20%{opacity:.5}40%,60%{opacity:1}80%,100%{opacity:.5}}@keyframes nav3{0%,20%{opacity:.5}40%,60%{opacity:.5}80%,100%{opacity:1}}#clients__nav1{animation-name:nav1}#clients__nav2{animation-name:nav2}#clients__nav3{animation-name:nav3}.clients__btn:checked~.clients__carousel .clients__comments,.clients__btn:checked~.clients__carousel .clients__nav{animation:none}.clients__nav:hover,#clients__btn1:checked~.clients__carousel #clients__nav1,#clients__btn2:checked~.clients__carousel #clients__nav2,#clients__btn3:checked~.clients__carousel #clients__nav3{opacity:1}#clients__btn1:checked~.clients__carousel .clients__comments{transform:translateX(0)}#clients__btn2:checked~.clients__carousel .clients__comments{transform:translateX(calc(-100% - 1rem))}#clients__btn3:checked~.clients__carousel .clients__comments{transform:translateX(calc(-200% - 2rem))}.contact__container{grid-template-columns:repeat(2, 1fr);column-gap:4rem;align-items:center}.contact__method{display:flex;flex-direction:column;gap:2rem}.contact__me{font-family:"Poppins",sans-serif;font-weight:400;font-size:2rem;line-height:1.6}.contact_email{font-size:1.8rem;font-weight:600;transition:.3s}.contact_email:hover{color:var(--color-dark-green)}.contact__socials{display:flex;gap:1rem}.contact__social{width:25px;height:25px;transition:.3s}.contact__social:hover{transform:scale(1.2)}.contact__social:hover .contact__svg{fill:var(--color-dark-green)}.contact__svg{fill:var(--color-text);width:100%;height:100%;transition:.3s}.contact__form{display:flex;flex-direction:column;gap:1rem}.contact__infos{display:flex;gap:1rem}.contact__input,.contact__textarea{flex:1;padding:1rem;background-color:rgba(255,255,255,.4);border-bottom:1px solid var(--color-green);transition:.3s}.contact__input:focus,.contact__textarea:focus{border-bottom:1px solid var(--color-dark-green)}.contact__input::placeholder,.contact__textarea::placeholder{color:rgba(var(--color-text), 0.8)}.contact__input:focus::placeholder,.contact__textarea:focus::placeholder{visibility:hidden}.contact__textarea{min-height:13rem;resize:vertical}.contact__sbmit{background-color:var(--color-green);padding:1.5rem;font-size:2rem;font-weight:600;opacity:.8;transition:.3s}.contact__sbmit:hover{opacity:1}.footer{padding:2rem 0}.footer__content{text-align:center;font-weight:500}.footer__name{color:#fff;font-weight:700;background-color:#245053;padding:.5rem 1rem;border-radius:1rem}@media all and (max-width: 1024px){html{font-size:8px}}@media all and (max-width: 800px){.burger-menu{display:grid}.navigation{position:absolute;top:100%;padding:2rem;background-color:var(--color-background);width:100%;inset-inline-start:0;transform:translateY(-100%);z-index:-1;opacity:0;visibility:hidden;transition:.3s}.navigation__links{flex-direction:column}.navigation__link{padding:1rem;width:100%;font-size:2.5rem}.header:has(.burger-menu__input:checked) .navigation{transform:translateY(0);opacity:1;visibility:visible}.section{padding:7rem 0}.container--grid-2col{grid-template-columns:1fr}.bio__container{text-align:center}.bio__image{grid-row:1;display:flex;justify-content:center}.bio__avatar{width:75%}.bio__links{justify-content:center}.skills__list{grid-template-columns:repeat(2, 1fr)}.section-heading--colspan2{grid-column:span 1}.projects__project{flex-direction:column}.projects__project:nth-of-type(odd) .projects__details{margin-inline-start:0}.projects__project:nth-of-type(even) .projects__details{margin-inline-end:0;order:0}.projects__details{margin-top:-150px;width:90%}}@media all and (max-width: 500px){.skills__item{flex-direction:column}.skills__content{text-align:center}.skills__icon{order:-1}.contact__infos{flex-direction:column}}@media all and (max-width: 450px){.skills__list{grid-template-columns:1fr;gap:2rem}.skills__item{flex-direction:row}.skills__icon{order:0}.skills__content{text-align:start}}