:root{--vc-clr-primary:#000;--vc-clr-secondary:#090f207f;--vc-clr-white:#fff}.carousel,.carousel *{box-sizing:border-box}.carousel{height:var(--vc-carousel-height);overscroll-behavior:none;position:relative;touch-action:pan-x pan-y pinch-zoom;z-index:1}.carousel.is-dragging{touch-action:none}.carousel__track{display:flex;gap:var(--vc-slide-gap);height:100%;list-style:none;margin:0;padding:0;position:relative;transition:transform ease-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel__viewport{height:100%;overflow:hidden;width:100%}.carousel__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel.is-rtl{direction:rtl}.carousel.is-ttb .carousel__track{flex-direction:column}.carousel.is-btt .carousel__track{flex-direction:column-reverse}.carousel.is-vertical .carousel__slide--clone:first-child{margin-block-start:var(--vc-cloned-offset)}.carousel:not(.is-vertical) .carousel__slide--clone:first-child{margin-inline-start:var(--vc-cloned-offset)}.carousel.is-effect-fade .carousel__track{display:grid;grid-template-columns:100%;grid-template-rows:100%;transition:none}.carousel.is-effect-fade .carousel__slide{grid-area:1/1;height:100%;opacity:0;pointer-events:none;transition:opacity ease-in-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel.is-effect-fade .carousel__slide--active{opacity:1;pointer-events:auto}:root{--vc-icn-width:100%}.carousel__icon{fill:currentColor;height:var(--vc-icn-width);width:var(--vc-icn-width)}:root{--vc-nav-background:transparent;--vc-nav-border-radius:0;--vc-nav-color:var(--vc-clr-primary);--vc-nav-color-hover:var(--vc-clr-secondary);--vc-nav-height:30px;--vc-nav-width:30px}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);inset-block-start:50%;justify-content:center;padding:0;position:absolute;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__next{inset-inline-end:0}.carousel__prev{inset-inline-start:0}.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev{inset-block-start:auto;inset-inline:auto 50%;transform:translate(50%)}.carousel.is-vertical.is-ttb .carousel__next{inset-block-end:0}.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next{inset-block-start:0}.carousel.is-vertical.is-btt .carousel__prev{inset-block-end:0}@media(hover:hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}:root{--vc-pgn-active-color:var(--vc-clr-primary);--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-border-radius:0;--vc-pgn-gap:6px;--vc-pgn-height:4px;--vc-png-bottom:10px;--vc-png-left:auto;--vc-png-right:10px;--vc-pgn-width:16px}.carousel__pagination{bottom:var(--vc-png-bottom);display:flex;gap:var(--vc-pgn-gap);justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%)}.carousel__pagination-button{background-color:var(--vc-pgn-background-color);border:0;border-radius:var(--vc-pgn-border-radius);cursor:pointer;display:block;height:var(--vc-pgn-height);margin:0;padding:0;width:var(--vc-pgn-width)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}@media(hover:hover){.carousel__pagination-button:hover{background-color:var(--vc-pgn-active-color)}}.carousel.is-vertical .carousel__pagination{bottom:50%;flex-direction:column;left:var(--vc-png-left);right:var(--vc-png-right);transform:translateY(50%)}.carousel.is-vertical .carousel__pagination-button{height:var(--vc-pgn-width);width:var(--vc-pgn-height)}.carousel.is-btt .carousel__pagination{flex-direction:column-reverse}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;transform:translateZ(0)}header{position:relative;z-index:3}#header__wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:30px 0;width:90%}#header__wrapper a img{width:95px}#header__nav-mobile-button{cursor:pointer;display:none;height:23px;width:23px}#header__nav-mobile-button #header__drop-down-bar1,#header__nav-mobile-button #header__drop-down-bar2,#header__nav-mobile-button #header__drop-down-bar3{background-color:#fff;height:1px;margin:5px 0;transition:.4s;width:23px}#header__nav-mobile-button #header__drop-down-bar3{margin-left:5px;width:18px}#header__nav a{text-decoration:none}#header__nav a,#header__nav ul{align-items:center;display:flex}#header__nav ul{list-style:none;margin:0;padding-left:0}#header__nav li.nav__item{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;float:left;font-weight:700;margin:0 5px;padding:10px 20px;position:relative;text-decoration:none;transition-duration:.5s}#header__nav li.nav__item.nav__theme{background-color:transparent!important}#header__nav li.nav__item.nav__locale.open{border:2px solid #00ff91}#header__nav li.nav__item.nav__locale.open #local-dropdown{display:block}#header__nav li.nav__item.nav__locale .flag{margin-right:5px}#header__nav li.nav__item.nav__locale #local-dropdown{background-color:#000;border-radius:5px;display:none;min-width:100%;position:absolute;right:0;top:120%}#header__nav li.nav__item.nav__locale #local-dropdown>li{padding:10px 20px}@media(max-width:800px){#header__wrapper{display:flex;flex-wrap:wrap;margin:0 auto;padding:20px 0;width:90%}#header__wrapper a img{width:75px}#header__nav{width:100%}#header__nav-mobile-button{display:block}#header__nav{max-height:0;overflow:hidden;transition:max-height .2s}#header__wrapper.open #header__nav{max-height:400px;transition:max-height .2s}#header__wrapper.open #header__drop-down{display:inline-block}#header__wrapper.open #header__drop-down-bar1{transform:rotate(-45deg) translate(-3px,2px)}#header__wrapper.open #header__drop-down-bar2{opacity:0}#header__wrapper.open #header__drop-down-bar3{margin-left:0;margin-top:9px;transform:rotate(45deg) translate(-9px,-9px);width:23px}#header__wrapper.open li.nav__item.nav__locale{align-items:start;flex-direction:column}#header__wrapper.open li.nav__item.nav__locale #local-dropdown{border-radius:0;border-top:1px solid #fff;display:flex;margin-top:20px;min-width:0;position:relative}#header__nav>ul{flex-direction:column;padding:15px 0}#header__nav>ul li.nav__item{margin:3px 0;width:100%}#local-dropdown{display:flex;min-width:0;position:relative}}.flag{background-image:url(../flags_sprite.png);background-size:80px;display:inline-block;height:32px;width:38px}.flag--sm{background-size:50px;height:22px;width:25px}.flag--sm.bg-fr_flag{background-position:25px -23px}.flag--sm.bg-en_flag{background-position:-50px -87px}.flag--sm.bg-de_flag{background-position:-50px -66px}.flag--sm.bg-pf_flag{background-position:-25px -1px}.bg-de_flag{background-position:-81px -107px}.bg-en_flag{background-position:-56px -98px}.bg-fr_flag{background-position:-122px -37px}.bg-pf_flag{background-position:-42px -3px}.bg-ch_flag{background-position:-161px -70px}#intro{height:100vh;overflow:hidden;position:relative;width:100%}#intro__computer-illu{bottom:0;left:5%;position:absolute;width:280px}#intro__juneo-shape{bottom:0;position:absolute;right:10%;width:400px}.animated{animation-delay:.1s;-webkit-animation-delay:.1s;animation-duration:1s;animation-fill-mode:both;left:0;margin-bottom:60px;position:absolute}@keyframes fadeInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.fadeInRight{animation-name:fadeInRight}#hero{margin:0 auto;padding-top:95px;position:relative;width:90%}#hero__location{color:#fff;margin:20px 0}#hero__location p{font-size:1.2rem}#hero__location>div{align-items:center;display:flex;font-size:1.5rem;margin-bottom:5px}#hero__location>div span{margin-right:10px}h1{color:#fff;font-size:3rem;font-weight:800}#hero h1::-moz-selection{background:#ffdb00}#hero h1::selection{background:#ffdb00}.webdesign-title{background:-webkit-linear-gradient(82deg,#ff5b00,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fullstackdev-title{background:-webkit-linear-gradient(65deg,#00ff91,#00a088);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:1200PX){#intro__juneo-shape{width:300px}}@media(max-width:800PX){#hero{padding-top:30px;z-index:2}#hero h1{font-size:2rem}#hero .fullstackdev-title,#hero .webdesign-title{display:inline-block}#hero #hero__location p{font-size:1rem}#intro__juneo-shape{right:15%;width:200px}#intro__computer-illu{left:15%;width:175px}}@media(max-height:600PX){#hero{padding-top:0}}@media screen and (min-width:1900px){h1{font-size:4rem}#intro__juneo-shape{width:450px}#intro__computer-illu{width:350px}#projects__wrapper{width:850px}#projects__wrapper #projects__title h2,#stack #stack__title h2{font-size:4rem;line-height:4rem}#about-me #about-me__content{font-size:1.2rem}#about-me #about-me__container{width:650px}}#projects__wrapper{margin:0 auto;padding:70px 0;width:700px}#projects__title{padding:3rem 0}#projects__title h2{font-size:3rem;font-weight:800;line-height:3rem}#projects__title h6{color:#00ff91;font-size:1.2rem;font-weight:500}ul#projects__list{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:1fr;list-style:none;margin:25px 0;padding:0;row-gap:15px}.project{background-position:bottom;background-repeat:no-repeat;background-size:40%;border-radius:15px;box-shadow:0 0 10px -3px #000;height:100%;list-style:none;min-height:275px;padding:30px;position:relative}.project h4{color:#fff;font-size:1.5rem;font-weight:800}.project p{color:#fff;margin:5px 0}.project .flag{left:-18px;position:absolute;top:16px}.project .project__button{align-items:center;border-radius:10px;bottom:30px;display:flex;height:40px;justify-content:center;left:30px;position:absolute;width:40px}.project img{width:13px}.project.project__firebox{background-color:#07b90a;background-position:113% 38px;background-repeat:no-repeat;background-size:40%}.project.project__firebox h4{font-size:2.5rem}.project.project__firebox p{color:#035705}.project.project__firebox .project__button{background:#058807}.project.project__terenia{background-color:#fff200;background-position:95% 95%;background-repeat:no-repeat;background-size:50%}.project.project__terenia h4{color:#101010;font-size:2rem}.project.project__terenia p{color:#000}.project.project__terenia .project__button{background:#101010}.project.project__fcreations{background:#001a60;background:linear-gradient(90deg,#001a60,#031a4b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001a60",endColorstr="#031a4b",GradientType=1)}.project.project__fcreations h4{color:#fff;font-size:2rem}.project.project__fcreations p{color:#ccc}.project.project__fcreations .project__button{background:#001337}.project.project__a3s{background:#0071bc;background-position:bottom;background-repeat:no-repeat;background-size:55%}.project.project__a3s h4{color:#fff;font-size:2rem}.project.project__a3s p{color:#ececec}.project.project__a3s .project__button{background:#0088d3}.project.project__ogc-nice{background-color:#c1272d;background-position:calc(100% - 20px);background-repeat:no-repeat;background-size:auto 100%}.project.project__ogc-nice h4{color:#fff;font-size:2.3rem}.project.project__ogc-nice p{color:#420d0f;width:70%}.project.project__ogc-nice .project__button{background:#790d16}.project__luciddreamprod{background-color:#1f1f1f;background-position:bottom;background-repeat:no-repeat;background-size:70%}.project__luciddreamprod p{color:#cbcbcb}.project__luciddreamprod .project__button{background:#000}.project-tahiti-infos{background-color:#fff}.project-tahiti-infos h4{color:#a7121e}.project-tahiti-infos .project__button{background-color:#c1c1c1}.project-tahiti-infos p{color:#292929}.project-tahiti-infos{background-position:bottom;background-repeat:no-repeat;background-size:40%}@media(max-width:800px){#projects__wrapper{width:55%}#projects__title{padding:2rem 0}.project{min-height:250px;padding:15px;position:relative}.project .flag{left:-14px;top:-9px}}@media(max-width:600px){#projects__wrapper{padding:20px 0;width:85%}}@media(min-width:800px){ul#projects__list{grid-template-columns:1fr 1fr}.project__luciddreamprod{grid-column-end:1;grid-column-start:1}.project__ogc-nice{grid-column-end:3;grid-column-start:1}.project__a3s{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}.project__firebox{grid-column-end:3;grid-column-start:1}}#stack{background-color:#031126;max-width:100vw;overflow:hidden}#carousel{padding:20px}.slick-slide{display:inline-block;height:500px;padding:10px}.slick-list{cursor:grab}.slick-track{display:flex}.stack__list{background-color:#22272b;border-radius:20px;padding:15px 15px 10px;width:100%}.stack__list ul{padding:0}.stack__list:focus{border:none;outline:none}.stack__list h3{color:#fff;font-size:1.5rem}#stack__title{padding:2rem}#stack__title h2{color:#fff;font-size:3rem;font-weight:800;line-height:3rem}#stack__title h6{color:#ff5b00;font-size:1.2rem;font-weight:500}.tech__list{margin:10px 0}.tech{align-items:center;background-color:#000c1d;border-radius:10px;display:flex;margin-bottom:5px;padding:15px}.tech img{margin-right:15px;width:27px}.tech h5{color:#fff;font-size:1.2rem}.tech h5 em{color:#bfbfbf;font-size:1rem;font-weight:400}.tech ul{margin:15px 0;padding:0}.tech .clip-star{background:#414141;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:20px;margin-right:3px;width:20px}.tech .clip-star.active{background:gold}#about-me,.tech .tech__rating{display:flex}#about-me{align-items:center;background-color:#031126;height:100vh;justify-content:center}#about-me__container{display:flex;margin:3rem 0;width:600px}#about-me__avatar{width:30%}#about-me__avatar img{width:90%}#about-me__content{color:#fff;width:70%}#about-me__content h5{color:#00ff91}#about-me__content h3{font-size:2rem;font-weight:800;margin-bottom:15px}#about-me__content .btn{align-items:center;background-color:#031126;border:2px solid #fff;border-radius:4px;color:#fff;display:inline-flex;margin-top:15px;padding:10px 25px;text-decoration:none}#about-me__content .btn img{margin-right:8px;width:15px}@media(max-width:800px){#about-me{height:auto}#about-me__container{align-items:center;display:flex;flex-direction:column}#about-me__content{width:90%}#about-me__avatar{margin-bottom:35px;width:45%}}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#000;border-radius:6px;color:#00ff91;margin-right:15px;max-width:300px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;width:200px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-left-color:#000;content:" ";left:100%;margin-top:-5px;position:absolute;top:50%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.tooltip .tooltiptext{right:105%;top:-5px}footer{background-color:#031126;color:#fff}#footer__container{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:50px 5% 35px}.copyright{color:#a9a9a9;margin-bottom:5px}#footer__contact{align-items:center;display:flex}#footer__contact a{border-radius:3px;display:inline-block;margin-left:5px;padding:7px 10px;width:40px}#footer__contact a:hover{background-color:#06214a}#footer__contact a img{margin-top:3px;width:100%}body.light-theme{background-color:#fff}body.light-theme ::selection{background:#ff5b00}body.light-theme ::-moz-selection{background:#ff5b00}body.light-theme #intro__bg{background:#f2f2f2;background:radial-gradient(circle,#eee 0,#fff 95%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1);height:150vh;transition:background 2s}body.light-theme #intro__juneo-shape{filter:grayscale(1)}body.light-theme #header__nav li.nav__item{color:#121212;margin:0 5px}body.light-theme #header__nav li.nav__item:hover{background-color:#efefef}body.light-theme #header__nav li.nav__item.nav__locale #local-dropdown{background-color:#fff}body.light-theme #header__nav li.nav__item a{color:#121212;font-weight:lighter}body.light-theme #hero__location p{color:#454545;font-weight:100}body.light-theme h1{color:#121212;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light-theme #header__nav-mobile-button #header__drop-down-bar1,body.light-theme #header__nav-mobile-button #header__drop-down-bar2,body.light-theme #header__nav-mobile-button #header__drop-down-bar3{background-color:#121212}body.light-theme #projects{background-color:#fff}body.light-theme #projects #projects__title h2{color:#121212}body.light-theme #projects .project{box-shadow:none}body.light-theme #projects .project-tahiti-infos{border:2px solid #ccc}body.light-theme #stack{background-color:#fff}body.light-theme #stack #stack__title h2{color:#121212}body.light-theme #stack .stack__list{background-color:#f2f2f2;box-shadow:0 0 9px -2px #ccc}body.light-theme #stack h3{color:#121212}body.light-theme #stack .tech{background-color:#fff}body.light-theme #stack .tech h5{color:#121212}body.light-theme #about-me{background-color:#fff}body.light-theme #about-me #about-me__content,body.light-theme #about-me #about-me__content h3{color:#121212}body.light-theme footer{background-color:#fff;color:#121212}body.light-theme footer #footer__contact a:hover{background-color:#efefef}body.light-theme footer #footer__contact a img{filter:invert(1)}body.dark-theme{background-color:#031126}body.dark-theme ::selection{background:#00ff91}body.dark-theme ::-moz-selection{background:#00ff91}body.dark-theme #intro__bg{background:#072140;background:radial-gradient(circle,#072140 0,#11131e 95%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#072140",endColorstr="#11131e",GradientType=1);height:150vh}body.dark-theme #header__nav li.nav__item{color:#121212;margin:0 5px}body.dark-theme #header__nav li.nav__item.nav__locale #local-dropdown,body.dark-theme #header__nav li.nav__item:hover{background-color:#000}body.dark-theme #header__nav li.nav__item a{color:#fff}body.dark-theme #header__nav-mobile-button #header__drop-down-bar1,body.dark-theme #header__nav-mobile-button #header__drop-down-bar2,body.dark-theme #header__nav-mobile-button #header__drop-down-bar3{background-color:#fff}body.dark-theme #projects{background-color:#031126}body.dark-theme #projects #projects__title h2{color:#fff}*{font-family:Sarabun,sans-serif}html{scroll-behavior:smooth}:root{color-scheme:light dark}body.dark-theme img{filter:brightness(.8) contrast(1.2)}@media(prefers-color-scheme:dark){img{filter:brightness(.8) contrast(1.2)}}.container{align-items:center;display:flex;justify-content:center;margin:0 auto;min-height:100vh;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000;box-shadow:inset 0 0 5px #222}::-webkit-scrollbar-thumb{background:#00ff91}::-webkit-scrollbar-thumb:active{background:#00c470}