:root{--ff-inter:"Inter",sans-serif;--fs-h1:2.25rem;--fs-h2:1.75rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-body:1rem;--fs-small:.875rem;--fw-bold:700;--fw-medium:500;--fw-regular:400}@media (min-width:960px){:root{--fs-h1:2.5rem;--fs-h2:1.875rem;--fs-h3:1.625rem;--fs-h4:1.325rem;--fs-body:1.125rem;--fs-small:.925rem}}:root{--clr-light:0,100%,98%;--clr-dark:212,100%,16%;--clr-primary:188,72%,36%;--clr-accent:72,66%,51%;--clr-black:0,0%,0%;--clr-white:0,0%,100%;--ligth:#fff5f5;--accent:#b2d430;--primary:#1a8b9d;--dark:#002651}*,:after,:before{box-sizing:border-box}body{background-color:#fff;background-color:hsl(var(--clr-white));color:#000;color:hsl(var(--clr-black));font-family:Inter,sans-serif;font-family:var(--ff-inter);font-size:1rem;font-size:var(--fs-body);font-weight:400;font-weight:var(--fw-regular);line-height:1.6;margin:0}img{display:block;max-width:100%}.container{margin:0 auto;width:min(95%,1200px)}@media (min-width:720px){.container{width:min(90%,1200px)}}h1,h2,h3,h4{font-weight:700;font-weight:var(--fw-bold);margin-top:0}h1{font-size:2.25rem;font-size:var(--fs-h1)}h2{font-size:1.75rem;font-size:var(--fs-h2)}h3{font-size:1.5rem;font-size:var(--fs-h3)}h4{font-size:1.25rem;font-size:var(--fs-h4)}p{margin-top:0}ul{margin:0;padding:0}ul li{list-style-type:none}a,a:active{text-decoration:none}@-webkit-keyframes fadeInY{0%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInY{0%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInX{0%{opacity:0;-webkit-transform:translateX(3em);transform:translateX(3em)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInX{0%{opacity:0;-webkit-transform:translateX(3em);transform:translateX(3em)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes showItemsUp{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showItemsUp{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes svgProgress{0%{stroke-dashoffset:472}to{stroke-dashoffset:0}}@keyframes svgProgress{0%{stroke-dashoffset:472}to{stroke-dashoffset:0}}@-webkit-keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0);width:0}25%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);width:25%}}@keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0);width:0}25%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);width:25%}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1);width:25%}75%{opacity:0}to{-webkit-transform:scale(0);transform:scale(0);width:0}}@keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1);width:25%}75%{opacity:0}to{-webkit-transform:scale(0);transform:scale(0);width:0}}.header{background-color:hsla(0,100%,98%,.9);background-color:hsla(var(--clr-light),.9);background-color:initial;color:#fff;color:hsl(var(--clr-white));left:0;padding:1em 0;position:fixed;right:0;transition:all .4s ease-in-out;z-index:10}.header.inverseClass{--clr-black:0,0%,100%;--clr-white:0,0%,0%;background-color:#000;background-color:hsla(var(--clr-black),1);box-shadow:0 5px 30px -15px #fff;box-shadow:0 5px 30px -15px hsla(var(--clr-white))}.header .navbar{align-items:center;display:flex;justify-content:space-between}.menu-btn{cursor:pointer;display:none;height:28px;position:relative;width:28px;z-index:50}@media (max-width:720px){.menu-btn{display:block}.menu-btn__burger{right:0;top:12px}.menu-btn__burger,.menu-btn__burger:before{background-color:#fff;background-color:hsl(var(--clr-white));height:3px;position:absolute;transition:all .4s ease-in-out;width:28px}.menu-btn__burger:before{content:"";top:-8px}.menu-btn__burger:after{background-color:#fff;background-color:hsl(var(--clr-white));content:"";height:3px;position:absolute;top:8px;transition:all .4s ease-in-out;width:20px}.menu-btn__burger.open{background-color:initial;-webkit-transform:rotate(2turn);transform:rotate(2turn)}.menu-btn__burger.open:before{-webkit-transform:rotate(45deg) translate(5px,8px);transform:rotate(45deg) translate(5px,8px)}.menu-btn__burger.open:after{-webkit-transform:rotate(-45deg) translate(3px,-7px);transform:rotate(-45deg) translate(3px,-7px);width:28px}}.menu{font-size:.875rem;font-size:var(--fs-small);font-weight:500;font-weight:var(--fw-medium);margin-right:-1em;text-transform:uppercase;transition:all .4s ease-in-out}@media (max-width:720px){.menu{background-color:rgba(0,0,0,.95);background-color:hsla(var(--clr-black),.95);height:auto;margin:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:20em;z-index:20}.menu__list{align-items:center;flex-direction:column;height:100vh;justify-content:center}.menu__list-item{margin-bottom:3em;margin-left:0;transition:all .4s ease-in-out}.menu__list .link{display:inline-block;padding:.5em 1.25em;text-align:center;width:8em}.menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu.open .menu__list-item{-webkit-animation:showItemsUp .5s both;animation:showItemsUp .5s both}.menu.open .menu__list-item:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.menu.open .menu__list-item:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}.menu.open .menu__list-item:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.menu.open .menu__list-item:nth-child(4){-webkit-animation-delay:.35s;animation-delay:.35s}.menu.open .menu__list-item:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.menu.open .menu__list-item:nth-child(6){-webkit-animation-delay:.45s;animation-delay:.45s}.menu.open .menu__list-item:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s}}.menu__list{display:flex}.menu__list-item{margin-left:2em}.menu__list .link{cursor:pointer;padding:.325em .25em;position:relative}.menu__list .link:after{background-color:#b4d530;background-color:hsl(var(--clr-accent));bottom:0;content:"";height:.1em;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:all .4s ease-in-out;width:100%}.menu__list .link.active:after,.menu__list .link:focus:after,.menu__list .link:hover:after{-webkit-transform:scale(1);transform:scale(1)}.home{background-blend-mode:multiply;background-color:rgba(0,0,0,.5);background-color:hsla(var(--clr-black),.5);background-image:url(/static/media/homebg.2664418daddb1a370d91.jpg),linear-gradient(90deg,rgba(0,0,0,.7) 40%,#fff);background-image:url(/static/media/homebg.2664418daddb1a370d91.jpg),linear-gradient(to right,hsla(var(--clr-black),.7) 40%,hsl(var(--clr-white)));background-position:50%;background-size:cover;color:#fff;color:hsl(var(--clr-white))}.intro{padding:10em 0 7em;text-align:center}.intro__greeting{font-size:1.25rem;font-size:var(--fs-h4)}.intro__name{margin-bottom:.5em}.intro__name .animate-char{-webkit-animation:fadeInX 1s backwards;animation:fadeInX 1s backwards;display:inline-block;white-space:pre}.intro__name .animate-char._0{-webkit-animation-delay:0s;animation-delay:0s}.intro__name .animate-char._1{-webkit-animation-delay:.05s;animation-delay:.05s}.intro__name .animate-char._2{-webkit-animation-delay:.1s;animation-delay:.1s}.intro__name .animate-char._3{-webkit-animation-delay:.15s;animation-delay:.15s}.intro__name .animate-char._4{-webkit-animation-delay:.2s;animation-delay:.2s}.intro__name .animate-char._5{-webkit-animation-delay:.25s;animation-delay:.25s}.intro__name .animate-char._6{-webkit-animation-delay:.3s;animation-delay:.3s}.intro__name .animate-char._7{-webkit-animation-delay:.35s;animation-delay:.35s}.intro__name .animate-char._8{-webkit-animation-delay:.4s;animation-delay:.4s}.intro__name .animate-char._9{-webkit-animation-delay:.45s;animation-delay:.45s}.intro__name .animate-char._10{-webkit-animation-delay:.5s;animation-delay:.5s}.intro__name .animate-char._11{-webkit-animation-delay:.55s;animation-delay:.55s}.intro__name .animate-char._12{-webkit-animation-delay:.6s;animation-delay:.6s}.intro__name .animate-char._13{-webkit-animation-delay:.65s;animation-delay:.65s}.intro__name .animate-char._14{-webkit-animation-delay:.7s;animation-delay:.7s}.intro__job-desc{font-size:1.5rem;font-size:var(--fs-h3);font-weight:400;font-weight:var(--fw-regular);margin-bottom:2.5em}.intro__dl-btn{-webkit-animation:fadeInY 1s ease-in-out forwards;animation:fadeInY 1s ease-in-out forwards;background-color:hsla(0,0%,100%,.25);background-color:hsla(var(--clr-white),.25);border:1px solid #fff;border:1px solid hsl(var(--clr-white));color:#fff;color:hsl(var(--clr-white));cursor:pointer;font-family:Inter,sans-serif;font-family:var(--ff-inter);font-size:.875rem;font-size:var(--fs-small);font-weight:500;font-weight:var(--fw-medium);padding:.75em 2em;position:relative;text-transform:uppercase;transition:all .4s ease-in-out;z-index:1}.intro__dl-btn:before{background-color:#b4d530;background-color:hsl(var(--clr-accent));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .4s ease-in-out;z-index:-1}.intro__dl-btn:hover{color:#000;color:hsl(var(--clr-black))}.intro__dl-btn:hover:before{-webkit-transform:scale(1);transform:scale(1)}@media (min-width:720px){.intro{text-align:left}}.about .container{grid-gap:1em;display:grid;gap:1em;grid-template-areas:"card" "title" "desc" "secondary";grid-template-columns:1fr;overflow:hidden;padding:6em 0}@media (min-width:480px){.about .container .card{margin-right:1em;width:90%}}@media (min-width:720px){.about .container{grid-template-areas:"card title" "card desc";grid-template-columns:1fr 1fr}.about .container .card{margin-right:5em}}@media (min-width:960px){.about .container{grid-template-columns:3fr 4fr}}.card{box-shadow:-20px 20px 20px -20px #000;box-shadow:-20px 20px 20px -20px hsl(var(--clr-black));grid-area:card;margin:0 auto;-webkit-transform:translateX(1em);transform:translateX(1em)}.card__photo{min-height:300px;object-fit:cover;object-position:left}.card__social-icons{align-items:center;background-color:#b4d530;background-color:hsla(var(--clr-accent),1);color:#000;color:hsl(var(--clr-black));display:flex;font-size:1.5em;grid-area:icons;justify-content:space-around;padding:1em}.card .icon{border-radius:50%;cursor:pointer;height:1em;opacity:0;padding:.5em;width:1em}.card .icon.animate-el{-webkit-animation:fadeInY 1s ease-in-out forwards;animation:fadeInY 1s ease-in-out forwards}.card .icon:hover{background-color:rgba(0,0,0,.75);background-color:hsla(var(--clr-black),.75);color:#fff;color:hsl(var(--clr-white));transition:all .4s ease-in-out}.title{font-weight:500;font-weight:var(--fw-medium);grid-area:title;margin-top:1em}.title .animate-char{-webkit-animation:fadeInX 1s backwards;animation:fadeInX 1s backwards;display:inline-block;white-space:pre}.title .animate-char._0{-webkit-animation-delay:0s;animation-delay:0s}.title .animate-char._1{-webkit-animation-delay:.05s;animation-delay:.05s}.title .animate-char._2{-webkit-animation-delay:.1s;animation-delay:.1s}.title .animate-char._3{-webkit-animation-delay:.15s;animation-delay:.15s}.title .animate-char._4{-webkit-animation-delay:.2s;animation-delay:.2s}.title .animate-char._5{-webkit-animation-delay:.25s;animation-delay:.25s}.title .animate-char._6{-webkit-animation-delay:.3s;animation-delay:.3s}.title .animate-char._7{-webkit-animation-delay:.35s;animation-delay:.35s}.desc{grid-area:desc;opacity:0;text-align:justify}.desc.animate-el{-webkit-animation:fadeInY 1s ease-in-out forwards;animation:fadeInY 1s ease-in-out forwards}.skills .container{padding:2em 0}.skills .title{font-weight:500;font-weight:var(--fw-medium);margin-top:1em;text-align:center}.skills .title .animate-char{-webkit-animation:fadeInX 1s backwards;animation:fadeInX 1s backwards;display:inline-block;white-space:pre}.skills .title .animate-char._0{-webkit-animation-delay:0s;animation-delay:0s}.skills .title .animate-char._1{-webkit-animation-delay:.05s;animation-delay:.05s}.skills .title .animate-char._2{-webkit-animation-delay:.1s;animation-delay:.1s}.skills .title .animate-char._3{-webkit-animation-delay:.15s;animation-delay:.15s}.skills .title .animate-char._4{-webkit-animation-delay:.2s;animation-delay:.2s}.skills .title .animate-char._5{-webkit-animation-delay:.25s;animation-delay:.25s}.skills .title .animate-char._6{-webkit-animation-delay:.3s;animation-delay:.3s}.skills .title .animate-char._7{-webkit-animation-delay:.35s;animation-delay:.35s}.skills .tabs__bloc{align-items:center;display:flex;justify-content:space-between}.skills .tabs__bloc-btn{background-color:initial;border:none;cursor:pointer;padding:1em 0;position:relative;text-align:center;width:100%}.skills .tabs__bloc-btn .btn-text{margin-bottom:0}.skills .tabs__bloc-btn:hover{background-color:#fff;background-color:hsl(var(--clr-white))}.skills .tabs__bloc-btn:after{background-color:#b4d530;background-color:hsl(var(--clr-accent));content:"";height:.25em;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .4s ease-in-out}.skills .tabs__bloc-btn.active{background-color:#fff;background-color:hsl(var(--clr-white))}.skills .tabs__bloc-btn.active:after{-webkit-transform:scale(1);transform:scale(1)}.skills .tabs__contents{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;padding:4em 0}.skills .item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2em;transition:all .4s ease-in-out}.skills .item.grow{-webkit-animation:grow 1s both;animation:grow 1s both}.skills .item.shrink{-webkit-animation:shrink 1s forwards;animation:shrink 1s forwards}.skills .item__name{margin-bottom:0}.skills .item__brand-icon{background-color:rgba(0,0,0,.5);background-color:hsla(var(--clr-black, ),.5);border-radius:50%;color:#e53734;font-size:2em;height:1em;margin-bottom:.25em;padding:.25em;width:1em}.skills .item__rate{height:80px;position:relative;width:80px}.skills .item__rate .outer{box-shadow:6px 6px 10px -1px #000,-6px -6px 10px -1px #fff;box-shadow:6px 6px 10px -1px hsl(var(--clr-black)),-6px -6px 10px -1px hsl(var(--clr-white));height:80px;width:80px}.skills .item__rate .inner,.skills .item__rate .outer{align-items:center;border-radius:50%;display:flex;justify-content:center}.skills .item__rate .inner{box-shadow:inset 4px 4px 6px -1px #000,inset -4px -4px 6px -1px #fff;box-shadow:inset 4px 4px 6px -1px hsl(var(--clr-black)),inset -4px -4px 6px -1px hsl(var(--clr-white));height:60px;width:60px}.skills .item__rate-svg{left:0;position:absolute;top:0}.skills .item__rate-svg circle{fill:none;stroke:#b4d530;stroke:hsl(var(--clr-accent));stroke-width:10px;stroke-dasharray:472;stroke-dashoffset:472;-webkit-animation:svgProgress 1s linear forwards;animation:svgProgress 1s linear forwards}
/*# sourceMappingURL=main.b00edf43.css.map*/