body{background-color:#fff8ee;padding-left:50px;padding-right:50px;padding-bottom:10px}p{font-size:18px;font-family:zen}h2{font-family:zen}p{line-height:1.5}@media screen and (max-width:600px){body{padding:10px 20px}}.section_home{padding:0 50px}.header{display:flex;align-items:center;justify-content:space-between}.reseau{display:flex;gap:20px}.icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:all .5s ease-in-out;border-radius:50%;margin:0 5px}.icon:hover{background-color:#fff;background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,30deg);transform:perspective(180px) rotateX(60deg) translateY(2px);box-shadow:0 10px 10px #0131b6}.reseau a:hover{width:inherit;height:inherit;display:flex;justify-content:center;align-items:center;transform:translateZ(15px) perspective(180px) rotateX(-35deg) translateY(2px);border-radius:50%}.title{display:flex}.section_welcome{margin-top:210px}.section_name{display:flex}.name h3,.name h4{font-family:zen;font-size:40px;margin-bottom:0}.name h3{margin-top:40px}.name h4{margin:0 0 0 40px}.menu_section{display:flex;flex-direction:column}.menu_section *{font-family:zen;font-size:60px;list-style:none;text-decoration:none;color:#000;margin-top:90px;position:relative}.menu_section *:before{content:"";width:0;height:4px;border-radius:2px;background-color:#000;position:absolute;bottom:-.25rem;right:0;transition:right .4s,width .4s,left .4s}.menu_section *:hover:before{width:100%;left:0}.menu_section span{font-size:20px}.home{display:flex;gap:250px;align-items:center}.my-picture{width:150px;height:auto}.hamburger{display:none}.menu_container{position:relative}.menu_section_mobile{position:fixed;inset:0;background:#fff0faf2;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(1.05);transition:opacity .3s ease,transform .3s ease;z-index:1000}.menu_section_mobile.active{opacity:1;pointer-events:auto;transform:scale(1)}.menu_section_mobile a{text-decoration:none;font-size:2rem;color:#000;font-weight:700;margin:1rem 0;transition:color .2s ease}.menu_section_mobile a:hover{color:purple}@media screen and (max-width: 1400px){.home{gap:150px}.menu_section *{font-size:40px}.section_welcome>img{width:450px;height:auto}}@media screen and (max-width: 1200px){.name h3,.name h4{font-size:30px}.section_welcome>img{width:350px;height:auto}.my-picture{width:80px;height:auto}.name h3{margin-top:20px}.menu_section *{font-size:30px}.section_welcome{margin-top:150px}}@media screen and (max-width: 950px){.home{flex-direction:column-reverse;gap:0}.menu_section{display:none}.hamburger{display:flex;justify-content:end}.menu_section_mobile.active{display:flex}.header{flex-direction:column}.title{flex-direction:column;gap:0}.title>img{margin-top:0!important;margin-bottom:20px}}@media screen and (max-width: 550px){.title>h1{font-size:20px}.section_home{padding:0}.section_welcome>img{width:250px}.name h3,.name h4{font-size:18px}.reseau{margin-top:30px}}@media screen and (max-width: 350px){.my-picture{width:40px}.section_welcome>img{width:200px}.name h3{margin-top:0}}@font-face{font-family:rolie;src:url(/src/assets/fonts/Rolie\ Twily.otf) format("opentype")}@font-face{font-family:zen,sans-serif;src:url(data:font/woff2;base64,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);font-weight:400}.section_navbar{display:flex;justify-content:end;padding-top:50px;padding-bottom:90px;gap:50px}.navbar *{color:#000;text-decoration:none;font-family:zen;font-size:26px;margin-right:40px;position:relative}.navbar *:before{content:"";width:0;height:2px;border-radius:2px;background-color:#000;position:absolute;bottom:-.25rem;right:0;transition:right .4s,width .4s,left .4s}.navbar *:hover:before{width:100%;left:0}@media screen and (max-width:550px){.section_navbar{display:none}.header-section .menu_section_mobile *{margin-top:40px}}@media screen and (max-width:900px){.line{width:200px}}@media screen and (max-width:900px){.navbar *{font-size:22px}.line{width:100px}}.projet{display:flex;justify-content:space-around;align-items:flex-start}.projectItem{display:flex;gap:50px;margin-top:70px;align-items:center;font-family:zen;font-weight:600}.projectImage{width:100px;height:auto;transition:.3s}.projectTitle{font-size:22px;cursor:pointer}.projectTitle:hover{font-weight:700}.section_web,.section_design{display:flex;flex-direction:column;align-items:center}.slideIn{position:fixed;top:0;right:0;max-width:800px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000004d;padding:20px 0;transform:translate(100%);animation:slideIn .4s forwards;z-index:1000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scroll-behavior:smooth}@keyframes slideIn{to{transform:translate(0)}}.closeBtn{position:absolute;top:10px;right:15px;font-size:24px;background:none;border:none;cursor:pointer;max-width:70px}.present-site{display:flex;flex-direction:column;align-items:center;margin-top:30px}.present-site a{margin-bottom:50px;color:#000;font-size:20px;position:relative}.present-site a:hover{color:#639}.present-site p{margin-top:50px;padding:0 20px}.skill{display:flex;margin:50px 0;align-items:center;justify-content:center;background-color:#a081e433;width:100%;font-size:20px}.skill ul{display:inline-flex;flex-wrap:wrap;list-style:none;gap:30px}.text2{margin-bottom:100px}.slider{display:flex;align-items:center;gap:1rem;margin-top:50px}.site-title{margin-bottom:30px}@media screen and (max-width:1200px){.section_web>img{width:350px!important}.section_design>img{width:250px!important}.projectImage{width:70px}.projectItem{gap:20px}.projectTitle{font-size:20px}}@media screen and (max-width:1200px){.projet{flex-direction:column;align-items:center;gap:100px}}@media screen and (max-width:750px){.slideIn{width:100%;overflow-x:hidden}.present-site p{width:90%;padding:0 50px}.site-photo{width:350px!important}.slider-maquette{width:400px!important}.skill h2{font-size:24px}.btnLeft,.btnRight{width:40px}.site-title{width:400px;margin-top:50px}.video{width:450px;margin-top:50px}}@media screen and (max-width:500px){.section_web>img{width:250px!important}.section_web{max-width:50%;margin-top:50px}.section_design>img{width:200px!important}.projectItem{margin-top:80px}.slider-maquette{width:300px!important}.present-site p{width:70%}.skill{align-items:start;gap:10px}.skill ul{flex-direction:column}}@media screen and (max-width:400px){.site-title,.site-photo{width:300px}.present-site p{width:80%}.slider-maquette{width:250px!important}.skill ul{padding:0}.skill ul li{font-size:18px}.video{width:300px}.slidePhoto{width:220px}.btn-left,.btn-right{width:50px}}@media screen and (max-width:350px){.btnLeft,.btnRight{width:20px}}.section_cv{width:500px;display:block;margin:0 auto}.cv{text-align:center}.linkCv{font-family:zen;font-size:20px;background-color:#000;color:#d8caf6;text-decoration:none;padding:20px}@media screen and (max-width:600px){.section_cv{width:300px;margin-top:50px}}@media screen and (max-width:600px){.section_cv{width:350px}}@media screen and (max-width:350px){.section_cv{width:280px}}.section_about{display:flex;justify-content:center;gap:400px}.skills,.school,.experience{display:flex}.skills ul,.school ul,.experience ul{margin-top:35px}.skills ul li,.school ul li,.experience ul li{list-style:none;margin-bottom:20px;font-family:zen;font-size:18px}.section_skills{margin-top:100px}.section_school,.section_experience{margin-top:50px}.linkCv{display:inline-block;font-family:zen;font-size:20px;background-color:#000;color:#d8caf6;text-decoration:none;padding:20px 40px;margin-top:40px;margin-bottom:50px;position:relative;z-index:1;overflow:hidden}.linkCv:hover{color:#000}.linkCv:after{content:"";background:#fff;position:absolute;z-index:-1;inset:0 -20%;transform:skew(-45deg) scaleX(0);transition:all .5s}.linkCv:hover:after{transform:skew(-45deg) scale(1)}.section_about h2{font-family:zen}@media screen and (max-width:1200px){.section_about{gap:200px}.right-side img{width:200px!important}.section_about{gap:100px}}@media screen and (max-width:950px){.experience{display:flex;align-items:center}.experience>img{height:150px}}@media screen and (max-width:800px){.right-side img{display:none}}@media screen and (max-width:550px){.section_about{margin-top:50px;gap:0}.linkCv{margin-top:40px;margin-bottom:0}}