body,html{height:100%}body{overflow-x:hidden}.container{position:relative;width:100vw}.hero-image{width:100%;height:90vh}.hero-image img{width:100%;height:90vh;border-bottom:1px solid #4f518c;object-fit:cover}.flip-card{text-align:center;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);background-color:transparent;width:325px;height:275px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:rgba(255,255,255,.8);font-family:'Montserrat-Regular';color:#4f518c;border-radius:5%;text-transform:uppercase}.photo-julien{margin-top:15px;margin-bottom:15px;width:150px;height:150px;border-radius:50%;border:2px solid #4f518c}.flip-card-back{background-color:rgba(79,81,140,.8);font-family:'Montserrat-Regular';color:#fff;border-radius:5%;transform:rotateY(180deg);text-transform:uppercase}.icon-group{display:flex;align-items:center;justify-content:center;gap:15px}.fa-icon{font-size:60px;color:#fff;margin-top:20px}.fa-little-icon{font-size:16px;color:#4f518c}.fa-linkedin-in:hover{color:#0077b5}.fa-github:hover{color:#171515}.fa-twitter:hover{color:#1da1f2}.fa-envelope:hover{color:#282936}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:0 0;padding:0;font-size:inherit;font-family:inherit;margin-top:10px}button.contact-me{width:13rem;height:auto}.button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:-5px;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#fff;font-weight:500;line-height:1.6;text-align:center;text-transform:uppercase}button.contact-me .circle,button.all-projects .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:2.5rem;height:2.5rem;background:#282936;border-radius:1.625rem}button.contact-me .circle .icon,button.all-projects .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}button.contact-me .circle .icon.arrow,button.all-projects .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.4rem;width:1.125rem;height:.125rem;background:0 0}button.contact-me .circle .icon.arrow:before,button.all-projects .circle .icon.arrow:before{position:absolute;content:'';top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#fff;transform:translate(1rem,0)}button:hover .button-text{font-weight:700}.container-about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5vh}.about-group{display:flex;justify-content:center;width:98vw;gap:20px}.about-me,.my-carreer{padding:5px;width:44vw;background-color:#dbdcff;border-radius:5px;box-shadow:5px 5px 5px -2px #62626387}.my-carreer:hover,.about-me:hover{box-shadow:none}.about-me a,.maquette-cert a{text-decoration:none;font-weight:700;position:relative}.about-me a:before{content:'';background-color:#fff;position:absolute;left:0;bottom:2px;width:100%;height:3px;z-index:-1;border-radius:2px;transition:all .3s ease-in-out}.about-me a:hover:before{bottom:0;height:100%}.about-me p{font-family:'Montserrat-Regular';font-size:14px;color:#4f518c}.about-group h3{text-align:center;font-family:'Montserrat-Regular';color:#fff;text-transform:uppercase;font-size:18px}.link-deco{color:#4f518c}.timeline{position:relative;max-width:85vw;margin:0 auto}.timeline:after{content:'';position:absolute;width:6px;background-color:#4f518c;top:0;bottom:0;left:50%;margin-left:-3px}.container-timeline{position:relative;background-color:inherit;width:46%}.container-timeline:after{content:'';position:absolute;width:25px;height:25px;right:-40px;background-color:#fff;border:4px solid #ff9f55;top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:54%}.left:before{content:" ";height:0;position:absolute;top:19px;width:0;z-index:1;right:-8px;border:medium solid #4f518c;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #4f518c}.right:before{content:" ";height:0;position:absolute;top:19px;width:0;z-index:1;left:-8px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #4f518c transparent transparent}.right:after{left:-39px}.content{padding:6.42px 30px;background-color:#4f518c;position:relative;border-radius:6px;color:#fff}.content p,ul li{margin-top:5px;font-family:monospace;font-size:13px;color:#fff}.hero-content{display:flex;align-items:center}.slider-container{display:flex;align-items:center;margin-left:13px;gap:340px;margin-top:2vh}.img-comp-container{position:relative;height:200px}.img-comp-img{position:absolute;width:auto;height:auto;overflow:hidden}.img-comp-img img{display:block}.img-comp-slider{position:absolute;z-index:2;cursor:ew-resize;width:32px;height:32px;background-color:#4f518c;opacity:.7;border:solid 1px #fff;border-radius:50%}.container-school-languages{display:flex;justify-content:center;width:89.3vw;gap:100px;padding:5px;background-color:#dbdcff;border-radius:5px;box-shadow:5px 5px 5px -2px #62626387;margin-left:67px;margin-bottom:5vh}.container-school-languages:hover{box-shadow:none}.container-school-languages p{text-align:center;color:#4f518c;font-family:'Montserrat-Regular';font-size:14px}.school{margin-bottom:15px}.flag-icon{width:30px;height:20px}.container-portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5vh}.container-projects{display:flex;flex-direction:column;align-items:center;margin-bottom:5vh;width:89.3vw;padding:5px;background-color:#dbdcff;border-radius:5px;box-shadow:5px 5px 5px -2px #62626387}.container-projects:hover,.container-form:hover{box-shadow:none}.first-title{margin-top:10vh;margin-bottom:10vh}h1,h2,h3{font-family:'Montserrat-Regular';color:#4f518c;text-transform:uppercase}.second-title{text-align:center;margin-top:2vh;margin-bottom:1vh}p{font-family:'Montserrat-Regular';font-size:14px;color:#4f518c}.type{font-family:'Montserrat-Regular';text-transform:uppercase}.margin-bottom{margin-bottom:2vh}.margin-top{margin-top:1vh}.text-align{text-align:center}.white{color:#fff}a:visited{color:#4f518c}.swiper{margin:5vh 0 2vh;width:80%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#dbdcff;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;margin:0 auto;max-width:80%;object-fit:cover;margin-bottom:4.24vh !important}.swiper-pagination-bullet{background-color:#fff !important;opacity:.8 !important}.swiper-pagination-bullet-active-main{background-color:#4f518c !important}.swiper-button-next,.swiper-button-prev{color:#4f518c !important}button.all-projects{width:14.3rem;height:auto}.button-project{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:-5px;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#4f518c;font-weight:500;line-height:1.6;text-align:center;text-transform:uppercase}.button-project:hover{color:#fff}.container-form-info{display:flex;justify-content:center;width:98vw;gap:20px}.container-contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.form-side,.info-side{padding:5px;width:44vw}.form{display:flex;justify-content:center;align-items:center;margin-bottom:2vh}.info-side{margin-bottom:17.3vh}.info-side h2{margin-bottom:3vh}.info-picture{margin-left:90px;width:66.5%;border-radius:10px}.form form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.form .wpcf7 label{font-family:'Montserrat-Regular';font-size:14px;text-transform:uppercase}.form .wpcf7 input{width:35.16vw;height:5.66vh;margin-top:2px;margin-bottom:24px}.form .wpcf7 textarea{width:35.16vw;height:20.1vh;resize:none}.form input[type=Submit]{display:flex;justify-content:center;align-content:center;width:17.12vw;height:7.07vh;margin-top:19px;margin-bottom:0;font-size:14px;font-family:'Montserrat-Regular';color:#fff;text-transform:uppercase;border:none;border-radius:2px;background:#4f518c;box-shadow:0px 2px 1px 0px rgba(0,0,0,.02)}.form input[type=Submit]:hover{transform:scale(1.1)}.wpcf7 form.invalid .wpcf7-response-output{border-color:#4f518c;color:#4f518c;width:35vw}.fancy{--c:#4f518c;--b:4px;--g:-5px;--w:100vw;width:fit-content;padding:0 1em;line-height:1.6em;border:1px solid;color:#fff;background:conic-gradient(from 45deg at left,var(--c) 25%,#0000 0) 0,conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%;background-size:51% 100%;background-origin:border-box;background-repeat:no-repeat;border-image:linear-gradient(#0000 calc(50% - var(--b)/2),var(--c) 0 calc(50% + var(--b)/2),#0000 0) 1/0 var(--w)/calc(var(--w) + var(--g));margin-inline:auto}.info-side a{text-decoration:none;font-weight:700;color:#4f518c}.info-side a:hover{font-weight:800}.container-icons{display:flex;justify-content:center;align-items:center;margin-bottom:20px;gap:20px}.bottom-icon{font-size:60px;color:#4f518c}.bottom-icon:hover{transform:scale(1.2)}@media (max-width:768px){.element-icon{display:none}.button-text{margin-left:30px}.about-group{flex-direction:column;align-items:center}.about-me,.my-carreer,.slider-container{width:90vw}.container-about-me{margin-bottom:2vh}.slider-container{flex-direction:column;align-items:flex-start;margin-left:18px;gap:20px}.container-timeline{width:100%;margin-top:20px;z-index:2}.left:before,.right:before,.left:after,.right:after{border:none;height:0}.right{left:0}.container-school-languages{flex-direction:column;gap:30px;width:90.3vw;margin-left:15px}.container-school-languages p{text-align:center}.school{margin-bottom:0}.languages{margin-bottom:20px}.swiper{width:100%}.swiper-slide img{max-width:90%;width:90%}.swiper-button-next,.swiper-button-prev,.swiper-rtl{display:none !important}.container-form-info{flex-direction:column;align-items:center}.form-side,.info-side{width:89.3vw}.form .wpcf7 textarea,.form .wpcf7 input{width:80vw}.info-picture{margin-left:0;width:100%}.info-side{margin-bottom:2vh}footer li{margin-left:20px}}@media only screen and (min-width:768px) and (max-width:840px){.about-group,.container-form-info{flex-direction:column}.about-me,.my-carreer,.container-school-languages,.info-side{width:90%;margin-left:5.5vw}.form-side{width:90%;margin-left:5vw}.container-projects{margin-bottom:0;width:90%;margin-left:1vw}.info-side{margin-bottom:3vh}.info-side p{margin-left:13.5vw}.form input[type=Submit]{width:24vw;height:5vh}.info-picture{margin-left:13.5vw}.form .wpcf7 input,.form .wpcf7 textarea{width:58vw}}