@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Spartan&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Libre Baskerville,serif;font-size:16px;line-height:1.375em;font-weight:300;width:100%}.layout{background-color:#f4f7f7}.home{display:flex;flex-direction:column}a{color:inherit;text-decoration:none}ul{list-style:none}.section-title,h1{font-size:3em;line-height:1.05em;font-weight:800;letter-spacing:1px;text-align:center;margin:30px auto;max-width:1000px}.section-title,h1,h2{font-family:Spartan;font-weight:700}h2{font-size:1.75em;line-height:1.25em}h3,h4{font-size:1.4em;line-height:1.22em;color:#2e4c78;font-family:Spartan;font-weight:700}.home .home-header{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:90px}.home .home-header .title{font-size:48px;line-height:54px;font-weight:800;font-family:Spartan;letter-spacing:1px;text-align:center;margin:30px auto;max-width:1000px;font-size:60px}.home .home-header p{max-width:800px;font-size:24px;font-weight:300;line-height:36px}.home .home-header .profil-picture{margin:30px auto}.home .home-header .profil-picture img{object-fit:cover}.home .presentation{display:flex;flex-direction:column;align-items:center;padding-top:80px;background-color:#0b192b;color:#f4f7f7;gap:30px;height:600px;width:100%}.home .presentation p{max-width:800px;text-align:justify}.contact{width:100%;padding-bottom:100px}.contact h1{text-align:center;max-width:1000px;padding-top:80px;margin:0 auto 40px;font-size:48px;line-height:1.05em;font-weight:800;letter-spacing:1px}.contact .profil-picture{margin:0 auto 30px;width:100%;display:flex;justify-content:center}.contact .profil-picture img{object-fit:contain}.contact form{flex-direction:column;max-width:640px;margin:32px auto 0}.contact form,.contact form .first-inputs{display:flex;justify-content:center;align-items:center}.contact form .first-inputs{flex-direction:row;gap:20px;width:100%;height:130px}.contact form .first-inputs input[type=email],.contact form .first-inputs input[type=text]{outline:none;background-color:#f4f7f7;font-size:16px;line-height:1.375em;font-weight:300;padding-left:10px;border:2px solid #0b192b;font-family:Libre Baskerville,serif;width:310px;height:55px}.contact form .control{display:flex;flex-direction:column}.contact form textarea[name=message]{height:200px;width:640px;resize:vertical;min-height:40px;outline:none;background-color:#f4f7f7;font-size:16px;line-height:1.375em;font-weight:300;padding-left:10px;padding-top:5px;border:2px solid #0b192b;font-family:Libre Baskerville,serif}.contact form label{font-size:16px;line-height:1.375em;font-weight:400;color:var(--label-color)}.contact form input[type=submit]{margin-top:55px;border:2px solid #0b192b;border-radius:25px;padding:10px 70px;cursor:pointer;font-size:16px;line-height:1.375em;font-weight:300;font-family:Libre Baskerville,serif;background-color:#f4f7f7}.contact form input[type=submit]:hover{animation:submit-hover .7s;animation-fill-mode:forwards}@keyframes submit-hover{0%{color:#f4f7f7;background-color:#f4f7f7}to{background-color:#2e4c78;color:#f4f7f7}}.contact form .message{text-align:center;padding-top:20px}.resume{display:flex;flex-direction:row;max-width:1200px;margin:0 auto;padding-top:8rem;padding-bottom:12rem}.resume h2{margin-bottom:20px;text-align:center}.resume ul{list-style-type:disc;margin-left:20px}.resume .left-resume>div,.resume .right-resume>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;margin-bottom:30px}.resume .left-resume{width:30%;background-color:#0b192b;color:#f4f7f7;border:2px solid #0b192b;padding-top:20px}.resume .left-resume>div h2{background-color:#2e4c78;width:100%}.resume .left-resume>div h4,.resume .left-resume>div ul{padding-left:20px;margin-top:10px}.resume .left-resume>div p{text-align:center;padding:0;margin-top:20px}.resume .left-resume>div span{padding-left:20px}.resume .left-resume .resume-profil{align-items:center}.resume .left-resume .resume-profil img{object-fit:cover}.resume .left-resume .resume-profil h3{color:#f4f7f7}.resume .left-resume .resume-hardskills .icons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;align-self:center;grid-gap:10px;gap:10px}.resume .left-resume .resume-hardskills svg:not(:last-child){margin-right:10px}.resume .left-resume .hobbies .hobbies-list{display:flex;flex-direction:column;gap:10px;width:100%}.resume .left-resume .hobbies .hobbies-list div{display:flex;flex-direction:row;width:100%;margin-left:20px}.resume .left-resume .hobbies .hobbies-list div svg{width:10%}.resume .left-resume .hobbies .hobbies-list div span{flex:1 1}.resume .right-resume{width:70%;border:2px solid #0b192b;border-left:none;background-color:#fff}.resume .right-resume>div h2{position:relative;width:100%;padding:5px 20px}.resume .right-resume>div h2:after,.resume .right-resume>div h2:before{position:absolute;content:"";width:95%;height:2px;background-color:#d3d3d3;left:20px}.resume .right-resume>div h2:before{top:0}.resume .right-resume>div h2:after{bottom:0}.resume .right-resume .resume-header{padding:50px 20px;width:100%;text-align:justify;display:flex;align-items:center;justify-content:center;margin:0}.resume .right-resume .resume-header p{padding:0;font-style:italic}.resume .right-resume .resume-box .box{display:flex;flex-direction:row;align-items:flex-start;padding:0 10px 0 20px;width:100%}.resume .right-resume .resume-box .box .dates{min-width:20%;margin-top:.25em}.resume .right-resume .resume-box .box .details{width:80%;flex:1 1}.resume .right-resume .resume-box .box ul{padding-left:10px}.resume .right-resume .resume-box .box .title{font-size:19.2px;line-height:1.22em;color:#0b192b;font-family:Spartan;font-style:italic;font-weight:700}.resume .right-resume .resume-projects ul{margin-left:60px}.resume .right-resume .resume-projects a{text-decoration:underline}.riderz{display:flex;flex-direction:column;align-items:center;gap:30px;padding:90px 0 230px}.riderz p{max-width:1200px;margin-bottom:65px}.riderz .riderz-presentation{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.riderz .riderz-presentation .riderz-image{height:455px;width:50%;box-shadow:0 20px 80px 0 rgba(0,0,0,.45);display:block;position:relative}.riderz .riderz-presentation .riderz-image:nth-child(odd){margin-left:50px}.riderz .riderz-presentation .riderz-image img{object-fit:cover;width:100%;height:100%}header{background-color:#0b192b;height:60px;position:fixed;width:100%;z-index:9999}header nav,header nav ul{height:100%;width:100%}header nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;background-color:#0b192b}header nav ul a{color:#f4f7f7;font-family:Spartan;position:relative}header nav ul a:after{content:"";width:80%;background-color:#f4f7f7;height:1px;position:absolute;top:100%;left:50%;transform-origin:center;transform:translate(-50%) scaleX(0);transition:transform .5s ease-in-out}header nav ul a:hover:after{transform:translate(-50%) scaleX(1)}header .name{position:absolute;top:50%;left:0;transform:translate(50%,-50%);color:#f4f7f7}header .language{position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}header .language select{outline:none;border:none}footer,header .language select{color:#f4f7f7;background-color:#0b192b}footer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}footer .new-project{display:grid;grid-template-columns:37% 37% 26%;grid-template-rows:auto;place-items:center;width:80%;border:none;border-radius:25px;margin-top:-80px;background-color:#2e4c78;padding:60px 0}footer .new-project span:first-child{font-size:28px;line-height:1.25em;margin-left:0 auto}footer .new-project p{font-weight:300;margin-left:0 auto;letter-spacing:1.5px;text-align:center}footer .new-project a{font-weight:400;margin-left:0 auto;border:2px solid #f4f7f7;border-radius:25px;padding:10px 20px;cursor:pointer}footer .new-project a:hover{animation:hover .7s;animation-fill-mode:forwards}@keyframes hover{0%{color:#f4f7f7;background-color:#2e4c78}to{background-color:#f4f7f7;color:#2e4c78}}footer .citation{margin-top:100px;max-width:70vmin;text-align:center}footer .social-network ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:25px}footer .social-network ul li{border:2px solid #f4f7f7;border-radius:50%;height:47px;width:47px;display:flex;align-items:center;justify-content:center;cursor:pointer}footer .social-network ul li:hover{animation:hover-social .7s;animation-fill-mode:forwards}@keyframes hover-social{0%{background-color:#0b192b}to{background-color:#f4f7f7}}footer .social-network ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}footer .social-network ul li a:hover{color:#0b192b}footer div:last-child{gap:20px;margin-bottom:20px}.last-works,footer div:last-child{display:flex;flex-direction:column;align-items:center}.last-works{width:70%;margin:20px auto 230px;justify-content:center;gap:25px}.last-works .work{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;width:100%;height:440px;box-shadow:0 20px 80px 0 rgba(0,0,0,.45);border-radius:8px;background-color:#fff}.last-works .work .image{position:relative;width:50%;height:100%;z-index:1}.last-works .work .image img{object-fit:cover;width:100%}.last-works .work .key-infos{width:100%;height:100%;position:relative}.last-works .work .key-infos:hover{cursor:pointer}.last-works .work .key-infos i{position:absolute;left:-35px;width:90%;height:55px;background-color:#c3d54f;border-radius:30px;border-bottom-left-radius:0;padding:5px 35px}.last-works .work .key-infos i:before{content:"";position:absolute;top:55px;left:0;width:15px;height:30px;background-color:#b0c42e;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:2}.last-works .work .key-infos i:after{content:"";position:absolute;top:50px;left:0;width:15px;height:15px;background-color:#c3d54f;z-index:1}.last-works .work .key-infos i h3,.last-works .work .key-infos i p{color:#0b192b}.last-works .work .key-infos .isHovered{margin-top:65px}.last-works .work .key-infos .isHovered h4{margin-bottom:1em}.last-works .work .key-infos .isHovered h4:not(:first-child){margin-top:1em}.last-works .work .key-infos .isHovered ul{list-style-type:"-  ";padding-left:2em}.last-works .work .key-infos .fields{margin-top:65px}.last-works .work .key-infos>div{margin-top:10px}.last-works .works-container{width:100%;display:flex;flex-direction:column;gap:20px}.hard-skills{margin-top:-8rem!important;margin-bottom:8rem!important;height:580px;width:1200px;margin:0 auto;border-radius:15px;display:flex;flex-direction:row;background-color:#fff;box-shadow:0 5px 5px 0 rgba(233,240,243,.5),0 0 0 1px #e6ecf8}.hard-skills div{height:100%;width:50%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 45px;border-bottom:1px solid #e6ecf8;text-align:center}.hard-skills div .icon-code,.hard-skills div .icon-database,.hard-skills div .icon-smartphone{color:#2e4c78;font-size:42px}.hard-skills div:not(:last-child){border-right:1px solid #e6ecf8}.projects{width:70%;margin:20px auto 230px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.projects p{max-width:850px;text-align:center}.projects p a{color:#2e4c78;font-weight:700}.projects .all-projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:135px;margin-top:90px}.projects .all-projects .project{width:80%;height:480px;box-shadow:0 20px 80px 0 rgba(0,0,0,.45);border-radius:8px;overflow:hidden}.projects .all-projects .project:nth-child(odd){margin-right:50px}.projects .all-projects .project .image{position:relative;width:100%;height:100%;background-color:#2e4c78}.projects .all-projects .project .image img{object-fit:cover;width:100%}.projects .all-projects .project .image .content{width:calc(100% + 300px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:20px;opacity:0;padding:5%}.projects .all-projects .project .image .content:hover{color:#f4f7f7;animation:transition .7s ease-in-out;animation-fill-mode:forwards}.projects .all-projects .project .image .content p{text-align:left;max-width:50%}@keyframes transition{0%{transform:translateX(-300px);opacity:0}to{transform:translateX(0);opacity:1}}.projects .all-projects .project .image .content .logos{display:flex;flex-direction:row;gap:20px;width:100%}.projects .all-projects .project .image .content .links{display:flex;gap:20px}.projects .all-projects .project .image .content .links a{min-height:48px;min-width:155px;background-color:#0b192b;color:#f4f7f7;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20%}@media screen and (max-width:1200px){.home .hard-skills{height:inherit;max-width:70vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:inherit;box-shadow:inherit}.home .hard-skills div{width:100%;background-color:#fff;box-shadow:0 5px 5px 0 rgba(233,240,243,.5),0 0 0 1px #e6ecf8;border-radius:15px}.home .hard-skills div:not(:last-child){border-right:none}.home .last-works .key-infos i{width:105%!important}.home .last-works .work{height:480px}}@media screen and (max-width:1000px){footer .new-project{grid-template-columns:100%;row-gap:40px;width:80vmin;height:290px;padding:20px 0}.home .home-header .title{font-size:60px}.home .home-header p{max-width:70vmin}.home .presentation{display:flex;flex-direction:column;align-items:center;padding-top:80px;background-color:#0b192b;color:#f4f7f7;gap:30px;height:inherit;width:100%}.home .presentation h1{max-width:70vmin}.home .presentation p{text-align:justify;margin-bottom:10em;max-width:70vmin}.home .last-works .work{flex-direction:column;justify-content:center;height:600px}}@media screen and (max-width:800px){.section-title,h1{font-size:2em}h2{font-size:1.5em}h3,h4{font-size:1.3em}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}header .name,header nav li:nth-child(2){display:none}.contact form .first-inputs{flex-direction:column;gap:20px}.contact form .first-inputs input[type=email]{margin-bottom:80px}.contact form .first-inputs input[type=email],.contact form .first-inputs input[type=text]{width:80vmin}.contact form textarea[name=message]{max-width:80vmin}.home .projects{width:90%;padding-left:20px}.home .projects .all-projects{gap:55px}.home .projects .all-projects .project{width:100%}.home .last-works .work{height:750px}.home .last-works .work .key-infos i{height:80px}.home .last-works .work .key-infos i:before{top:80px}.home .last-works .work .key-infos i:after{top:75px}.home .last-works .work .key-infos .isHovered{margin-top:90px}.home .last-works .work .key-infos .fields{margin-top:95px}}@media screen and (max-width:530px){.home .presentation{margin-bottom:2em!important}.home .last-works .work{height:850px}}@media screen and (max-width:450px){.last-works .work .key-infos i{height:95px!important}.last-works .work .key-infos i:before{top:95px!important}.last-works .work .key-infos i:after{top:90px!important}.last-works .work .key-infos .fields{margin-top:110px!important}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}