@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;700&family=Roboto:wght@400;700&display=swap";.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.card{border-radius:15px;padding:2.5rem;width:40%;margin-bottom:50px;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease-out;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:4px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0000001a;overflow:hidden;cursor:default}@media (max-width: 1175px){.card{width:100%}}.card:hover:before{animation:shine ease-in-out 4s infinite reverse}.card:before{content:"";position:absolute;top:-90%;height:1000px;width:30px;background:#ffffff4d;filter:blur(5px);transform:rotate(25deg) translate(-175px)}.card img{height:9rem}@media (min-width: 1400px){.card img{height:10rem}}@media (max-width: 720px){.card img{height:7rem}}.card p{margin-bottom:30px}.card-odd:hover{border:4px solid #ff5b61;box-shadow:0 0 17px #ff5b61,0 0 17px #ff5b61 inset}.card-even:hover{border:4px solid #48beff;box-shadow:0 0 17px #48beff,0 0 17px #48beff inset}@keyframes shine{0%{transform:rotate(25deg) translate(800px,100px)}60%{transform:rotate(25deg) translate(800px,100px)}80%{transform:rotate(25deg) translate(-300px)}}footer{background-color:#ff5b61;padding:1rem 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer span{font-family:Roboto,sans-serif,Arial;font-weight:400;font-size:.9rem;text-align:center;padding:0 2rem}footer div{display:flex;align-items:center;padding:0 1.5rem}footer div a{display:flex;margin:0 .5rem}footer div img{width:35px}header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;background-color:#efe8e6d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header nav{display:flex;align-items:center}@media (max-width: 720px){header nav{width:100%;justify-content:space-between}}header nav img{margin:1rem 1.5rem}header nav a:hover{text-decoration:none}@media (max-width: 720px){header nav{justify-content:space-between}}header .options{display:flex;justify-content:center;align-items:center}header .options .pen{padding:10px;font-size:1.3rem;color:#000}header .options .pen:hover{color:#ff5b61}header .options .pen:active{color:#ff8e92}.ant-anchor-link{margin:.5rem 0;min-width:102px;text-align:center}.ant-anchor-link .ant-anchor-link-title{min-width:102px}.ant-anchor-link:hover{font-weight:700}.go-back-button{text-align:center;display:flex;justify-content:center;align-items:center;position:relative;background-color:transparent;color:#161412;border:0;cursor:pointer;transition:all .2s}.go-back-button:hover{font-weight:700;font-size:1.1rem;animation:move-go-back 3s forwards infinite}.go-back-button:hover svg{transform:scale(1.5)}.go-back-button svg{padding:.5rem;transition:all .2s}@media (max-width: 720px){.go-back-button{font-size:1.5rem;margin-right:10px}}@keyframes move-go-back{0%{transform:translate(0)}40%{transform:translate(0)}50%{transform:translate(-5px)}68%{transform:translate(0)}80%{transform:translate(-7px)}to{transform:translate(0)}}.hamburger{position:relative;height:30px;width:30px;margin:1rem 1.5rem}.hamburger .line{position:absolute;width:30px;height:5px;border-radius:5px;background-color:#000;transition:all .3s}.hamburger .line:nth-child(1){top:5px;left:0}.hamburger .line:nth-child(2),.hamburger .line:nth-child(3){top:15px}.hamburger .line:nth-child(4){top:25px;left:0}.open .line:nth-child(1){width:0;left:50%}.open .line:nth-child(2){transform:rotate(45deg)}.open .line:nth-child(3){transform:rotate(-45deg)}.open .line:nth-child(4){width:0;left:50%}.no-scroll{overflow:hidden}.header-modal-mobil{transition:all .2s;position:absolute;width:100%;height:200vh;background-color:#efe8e6f2;box-shadow:inset 0 0 500px 100px #48beff66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.header-modal-mobil__close{height:0;opacity:0}.header-modal-mobil ul{position:absolute;top:60%;left:0;width:100%;text-align:center;font-size:1.9rem}.header-modal-mobil ul li{padding:20px 0}.header-modal-mobil ul li a{color:#000}.logo-text{display:flex;align-items:center;width:230px}.logo-text img{width:70px;max-height:70px}.logo-text a,.logo-text p{padding:1.6rem;margin:0}.horizontal{flex-direction:row;text-align:start}.vertical{flex-direction:column;text-align:center}@media (max-width: 720px){.vertical{width:150px}}.horizontal-reverse{flex-direction:row-reverse;text-align:end}.light{border-radius:5px;background-color:#efe8e6;max-width:70px;padding:10px 4px}.rounded{border-radius:50%;background-color:#efe8e6;max-width:calc(70px - .6rem);padding:.3rem}.no-autoscroll{padding-bottom:2.5rem}.embla{--slide-spacing: 2.5rem;--slide-size: 20%;--slide-height: 19rem;overflow:hidden;height:90%}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-y;margin-top:calc(var(--slide-spacing) * -1);height:calc(var(--slide-spacing) + var(--slide-height));flex-direction:column}.embla__slide{flex:0 0 var(--slide-size);min-height:0;padding-top:var(--slide-spacing);position:relative}.project-card{color:#161412;position:relative;list-style:none;border-radius:10px;width:540px;height:auto;margin-bottom:50px;overflow:hidden}@media (max-width: 1175px){.project-card{width:42vw;height:auto}}@media (max-width: 720px){.project-card{width:100%;height:auto}}.project-card :hover{text-decoration:none}@media (max-width: 1175px){.project-card{display:flex;flex-direction:column}}.project-card:hover img{transform:scale(1.1)}@media (max-width: 1175px){.project-card:hover img{transform:none}}.project-card a{color:#161412}@media (min-width: 1175px){.project-card a>div{height:100%}}@media (max-width: 1175px){.project-card a>div{height:auto}}.project-card__cover{height:100%;width:100%;object-fit:cover;border-radius:7px;transition:all .3s}.project-card__hover-effect{z-index:1;height:100%;width:100%;border-radius:10px;position:absolute;top:0;left:0;display:flex;align-items:center;opacity:0;box-shadow:inset 0 0 250px 100px #fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.project-card__hover-effect h3{width:100%;padding:20px;text-align:center}@media (max-width: 720px){.project-card__hover-effect h3{text-align:center;margin:auto}}.project-card__hover-effect:hover{opacity:1}@media (max-width: 1175px){.project-card__hover-effect:hover{opacity:0;display:none}}.project-card .title-mobil{display:none}@media (max-width: 1175px){.project-card .title-mobil{display:block;font-size:1.3rem;margin:10px 0}}.project-card .project-links{z-index:2;position:absolute;top:10px;right:10px;display:flex;flex-direction:row}.project-card .project-links .project-link{color:#000;display:flex;justify-content:center;align-items:center;margin-left:10px;background-color:#48beff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:7px;width:60px;height:60px}@media (max-width: 720px){.project-card .project-links .project-link{background-color:#48beff8c;width:50px;height:50px;border-radius:5px}}.project-card .project-links .project-link:hover{background-color:#48befff2}.project-card .project-links .project-link span{font-size:0}.project-card .project-links .project-link .icon{width:40px;height:40px;padding:10px;text-align:center;color:#161412}@media (max-width: 720px){.project-card .project-links .project-link .icon{width:35px;height:35px;padding:5px}}.project-card .hardskills-list{position:absolute;bottom:10px;left:20px;display:flex;flex-direction:row;flex-wrap:wrap-reverse}@media (max-width: 1175px){.project-card .hardskills-list{position:relative;margin:10px 0;left:0;flex-wrap:wrap}}.project-card .hardskills-list__element{display:flex;justify-content:center;align-items:center;margin-right:10px;margin-top:10px;background-color:#ff5b61cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50px;min-width:4em;padding:.6em 1em;cursor:default}@media (max-width: 1175px){.project-card .hardskills-list__element{font-size:.9rem}}.admin-link{font-size:1.8rem;border-radius:15px!important;background-color:#48beffb3!important;cursor:pointer;display:flex;justify-content:center;align-items:center}.admin-link a{display:flex;justify-content:center;align-items:center}#soft-skills .bubble{font-weight:700;color:#fff;padding:1rem;border-radius:100px;text-align:center;width:140px}#soft-skills .blue{background:#2fb5ff}@media (max-width: 720px){#soft-skills .blue{animation:soft-skills-move 6s infinite alternate ease}}#soft-skills .red{background:#ff4248}@media (max-width: 720px){#soft-skills .red{animation:soft-skills-move 6s infinite alternate-reverse}}@keyframes soft-skills-move{0%{transform:translate(-30%)}to{transform:translate(30%)}}.notification{position:fixed;display:flex;align-items:center;top:90px;right:20px;padding:12px;border-radius:10px;font-size:1rem;color:#000;z-index:10;min-width:350px;min-height:30px}@media (max-width: 720px){.notification{top:80px;min-width:200px;min-height:20px}}.notification.success{background-color:#7aff85}.notification.error{background-color:#ff5b61}.loader{width:100%;overflow:visible;height:fit-content;display:flex;justify-content:center;align-items:center;padding:10px 0}.loader .logo{stroke-dasharray:17500px;stroke-dashoffset:17500px;stroke-width:100px;animation:SVGload 12s infinite alternate ease-in}.loader .black{stroke:#161412;fill:#0000001a}.loader .white{stroke:#efe8e6;fill:#ffffff1a}@keyframes SVGload{17%{stroke-dashoffset:0}40%{stroke-dashoffset:17500px}55%{stroke-dashoffset:0}65%{stroke-dashoffset:17500px}87%{stroke-dashoffset:0}to{stroke-dashoffset:17500px}}#about-me{color:#efe8e6;background-color:#161412}#about-me:before{content:"";position:absolute;right:0;height:100%;width:100%;background-color:#161412;z-index:-1;max-height:507.9px}@media (max-width: 1400px){#about-me:before{display:none}}#about-me img{height:11rem;padding-left:5rem}@media (max-width: 1175px){#about-me img{padding-left:0}}#about-me .presentation{display:flex}@media (max-width: 1175px){#about-me .presentation{flex-direction:column}}#about-me strong{color:#48beff}#banner{display:flex;flex-direction:column;align-items:center;padding:0 0 4rem}@media (max-width: 1175px){#banner{flex-direction:column;text-align:center}}#banner:before{content:"";position:absolute;left:0;width:30%;background-color:#161412;z-index:-1;height:2000px}@media (max-width: 1400px){#banner:before{width:25%}}@media (max-width: 1175px){#banner:before{content:none}}#banner .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:center}@media (max-width: 1175px){#banner .banner-content{flex-direction:column;text-align:center}}@media (max-width: 1175px){#banner h1{margin-top:50px}}#banner strong{font-family:Alegreya Sans SC;font-weight:400;font-size:4rem}@media (max-width: 1175px){#banner strong{font-size:2.9rem}}#banner .image{position:relative;height:490px;width:490px;margin:0 5vw 0 2.5vw}@media (max-width: 1400px){#banner .image{height:350px;width:350px}}@media (max-width: 720px){#banner .image{height:300px;width:300px}}@media (max-width: 425px){#banner .image{height:250px;width:250px}}.img-maelle{background-color:#161412;background-image:url(/assets/my-photo-C1BVLq9Y.webp);background-size:cover;border-radius:50%;height:490px;width:490px;border:18px solid #161412}@media (max-width: 1400px){.img-maelle{height:350px;width:350px}}@media (max-width: 720px){.img-maelle{height:300px;width:300px}}@media (max-width: 425px){.img-maelle{height:250px;width:250px}}@media (max-width: 1400px){.img-maelle{border:14px solid #161412}}.welcome-message{margin:2rem 0;font-size:1.1rem;width:80%;background:#fffc}.welcome-message:before{animation:shine ease-in-out 4s infinite reverse}.welcome-message div{display:flex;justify-content:center}.welcome-message div a{color:#136693;text-decoration:none;font-weight:600;border:3px solid #136693;border-radius:5px;padding:.6rem 2rem;margin-top:1rem;transition:all .15s}.welcome-message div a:hover{color:#fff;background-color:#136693}.welcome-message p{margin:.2rem 0;font-size:1.2rem;line-height:1.5}#contact{background-color:#161412;color:#fff}#contact h2{color:#efe8e6}#contact:before{content:"";position:absolute;right:0;width:100%;height:618.4px;background-color:#161412;z-index:-1;max-height:886.2px}@media (max-width: 1400px){#contact:before{display:none}}#contact a{color:#fff;font-weight:700;text-decoration:underline}#contact a:hover{color:#48beff}#contact form{padding:30px 0 0}#contact .img-form{display:flex;justify-content:center}#contact .img-form img{max-height:149px}@media (max-width: 1175px){#contact .img-form img{max-height:23vw}}@media (max-width: 720px){#contact .img-form img{max-height:35vw}}@media (max-width: 425px){#contact .img-form img{max-height:50vw}}.contact-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border:#efe8e6 5px solid;border-radius:22px;padding:35px}@media (max-width: 1175px){.contact-block{display:flex;flex-direction:column;border:0}}@media (max-width: 720px){.contact-block{padding:0}}.contact-block .form-block{background-color:#efe8e6;color:#161412;padding:0 20px;border-radius:20px}.contact-block .form-block .name-firstname{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){.contact-block .form-block .name-firstname{display:flex;flex-direction:column;gap:0}}.contact-block .form-block .input-data{display:flex;flex-direction:column;padding-bottom:1.5rem}.contact-block .form-block input{max-height:22px}.contact-block .form-block input,.contact-block .form-block textarea{height:100%;font-size:1rem;padding:10px;resize:none;overflow:auto;border-radius:5px;border:0;background-color:#fff}.contact-block .form-block input:focus,.contact-block .form-block textarea:focus{outline:2px solid #161412}.contact-block .form-block .textarea{padding-bottom:0}.contact-block .form-block label{padding-left:5px}.contact-block .form-block .button-submit{display:flex;justify-content:center}.contact-block .form-block .button-submit button[type=submit]{padding:10px 50px;border-radius:50px;border:0;background-color:#48beff;color:#161412;margin:20px;text-align:center;font-weight:700;box-shadow:inset -2px -2px 7px 1px #000,inset 2px 2px 7px 1px #fff;transition:box-shadow .15s;cursor:pointer}.contact-block .form-block .button-submit button[type=submit]:disabled{background-color:#000;color:#efe8e6;cursor:not-allowed}.contact-block .form-block .button-submit button[type=submit]:active{box-shadow:inset -2px -2px 7px 1px #fff,inset 2px 2px 7px 1px #000}#my-formation{color:#efe8e6;background-color:#161412}#my-formation:before{content:"";position:absolute;right:0;height:100%;width:100%;background-color:#161412;z-index:-1;height:1045px}@media (max-width: 1400px){#my-formation:before{display:none}}#my-formation h3{font-family:Alegreya sans sc;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}#my-formation span{font-weight:700}#my-formation a{display:block;width:317px;padding:15px 0}#my-formation a:hover{text-decoration:none}@media (max-width: 720px){#my-formation a{width:250px}}.vertical-timeline-element-date{color:#fff;opacity:1!important}.glowable-button{text-align:center;position:relative;left:65%;border-radius:50px;font-family:Roboto;font-size:1rem;border:4px white solid;background-color:#161412;color:#fff;margin-bottom:50px}@media (max-width: 1175px){.glowable-button{left:calc(50% - 154.5px)}}@media (max-width: 720px){.glowable-button{left:calc(50% - 121px)}}@media (max-width: 425px){.glowable-button{margin:15px 0}}.glowable-button:active{border:#ff5b61 4px solid;color:#ff5b61}[glow] .glowable-button{border:#48beff 4px solid;background-color:#003857}[glow] .download-icon{color:#48beff}#good-practices .cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#hard-skills{color:#efe8e6;background-color:#161412}#hard-skills:before{content:"";position:absolute;right:0;height:100%;width:100%;background-color:#161412;z-index:-1;height:800.78px}@media (max-width: 1400px){#hard-skills:before{content:none}}#hard-skills .skills-details{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 720px){#hard-skills .skills-details{flex-direction:column}}#hard-skills .skills-details .skills{display:flex;flex-direction:column;justify-content:center;max-width:230px;overflow:hidden}@media (max-width: 720px){#hard-skills .skills-details .skills{padding-bottom:50px;max-width:100%;width:100%}}#hard-skills .MuiPieArc-root{stroke-width:2px;stroke-dasharray:1800px;stroke-dashoffset:1800px;transition:all 1.3s}#hard-skills .MuiPieArc-root:hover{stroke-dashoffset:0;filter:drop-shadow(0 0 7px #efe8e6);font-size:2rem}@media (max-width: 1175px){#hard-skills svg,#hard-skills .css-1qk3ojo-MuiResponsiveChart-container{height:30vw}}@media (max-width: 720px){#hard-skills svg,#hard-skills .css-1qk3ojo-MuiResponsiveChart-container{height:0;width:0}}.front-end-skills{position:relative}.front-end-skills:hover:after{content:"Mes compétences front-end";background-color:#161412;position:absolute;bottom:0;left:0;z-index:1;color:#48beff;font-weight:700;font-family:alegreya sans SC}@media (max-width: 1175px){.front-end-skills:hover:after{content:none}}.back-end-skills{position:relative}@media (max-width: 720px){.back-end-skills{position:absolute;align-items:end}.back-end-skills .logo-text{padding-right:30px}}@media (max-width: 425px){.back-end-skills{position:relative;align-items:end;padding-bottom:0!important}.back-end-skills .logo-text{padding-right:0}}.back-end-skills:hover:after{content:"Mes compétences back-end";background-color:#161412;position:absolute;bottom:0;left:0;z-index:1;text-align:center;color:#ff5b61;font-weight:700;font-family:alegreya sans SC}@media (max-width: 1175px){.back-end-skills:hover:after{content:none}}@media (max-width: 720px){.css-1any4nn{height:0!important;max-height:0!important}}#my-projects p,#projects-list p{text-align:center;margin-bottom:2rem;margin-top:0}#my-projects .projects,#projects-list .projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}#soft-skills .details{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 720px){#soft-skills .details{flex-direction:column}}#soft-skills .details .bubble-column{min-height:350px;max-height:500px;display:flex;flex-direction:column-reverse;justify-content:space-around}@media (max-width: 1400px){#soft-skills .details .bubble-column{min-height:300px;width:100%;align-items:center}}#soft-skills .details .left{flex-direction:column}#soft-skills .details img{width:800px}@media (max-width: 1400px){#soft-skills .details img{width:50%}}@media (max-width: 720px){#soft-skills .details img{width:70%}}#tools{color:#efe8e6;background-color:#161412}#tools:before{content:"";position:absolute;right:0;height:100%;width:100%;background-color:#161412;z-index:-1;max-height:375px}@media (max-width: 1175px){#tools:before{content:none}}#tools .tools-list{display:flex;flex-direction:row;justify-content:space-around}#tools .tools-list div{padding-bottom:0}@media (max-width: 720px){#tools .tools-list div{padding-bottom:30px}}@media (max-width: 720px){#tools .tools-list{flex-wrap:wrap;align-items:center}}#project-introduction{padding-bottom:.5rem}#project-introduction h1{font-family:Alegreya Sans SC;font-weight:400;font-size:4rem;text-align:center}@media (max-width: 425px){#project-introduction h1{font-size:3rem}}#project-introduction .description{text-align:center}#project-introduction .hardskills-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#project-introduction .hardskills-list__element{display:flex;justify-content:center;align-items:center;margin:15px 10px;background-color:#48beffb3;box-shadow:inset -1px -1px 3px #ff5b61cc;border-radius:50px;min-width:5em;padding:.3em 1em;cursor:default}#project-introduction .project-cover{position:relative;display:flex;align-items:center;flex-direction:column;width:80%;margin:auto;height:580px}@media (max-width: 1175px){#project-introduction .project-cover{height:35vw}}@media (max-width: 720px){#project-introduction .project-cover{width:100%;height:340px}}@media (max-width: 425px){#project-introduction .project-cover{width:100%;height:240px}}#project-introduction .project-cover__image{position:relative;border-radius:10px;border:10px black solid;width:80%;height:500px;overflow:hidden}@media (max-width: 1175px){#project-introduction .project-cover__image{height:28.19vw}}@media (max-width: 720px){#project-introduction .project-cover__image{width:100%;height:280px}}@media (max-width: 425px){#project-introduction .project-cover__image{width:100%;height:180px}}#project-introduction .project-cover__image img{object-fit:cover;object-position:top;height:500px;width:100%}@media (max-width: 1175px){#project-introduction .project-cover__image img{height:28.19vw}}@media (max-width: 720px){#project-introduction .project-cover__image img{height:280px}}@media (max-width: 425px){#project-introduction .project-cover__image img{height:180px}}#project-introduction .project-cover__image .button-modale{position:absolute;border:3px black solid;padding:5px 20px;border-radius:10px;bottom:10px;right:10px;background:#48beff99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:700;cursor:pointer;transition:box-shadow .2s}#project-introduction .project-cover__image .button-modale:hover{box-shadow:inset 0 0 50px #ffffffe6}#project-introduction .project-cover__image .button-modale:active{border:3px solid #ff5b61;color:#ff5b61}#project-introduction .project-cover__pc-core{position:absolute;background-color:#000;width:12%;height:70px;bottom:0;z-index:-1}@media (max-width: 1175px){#project-introduction .project-cover__pc-core{width:10%}}@media (max-width: 720px){#project-introduction .project-cover__pc-core{height:50px}}#project-introduction .project-cover__pc-base{position:absolute;background-color:#000;width:35%;height:20px;border-radius:50px;bottom:0;z-index:-1}@media (max-width: 1175px){#project-introduction .project-cover__pc-base{width:30%}}@media (max-width: 720px){#project-introduction .project-cover__pc-base{width:35%}}#project-introduction .project-links{display:flex;flex-direction:row;justify-content:space-around;width:50%;margin:20px auto}@media (max-width: 720px){#project-introduction .project-links{flex-direction:column;margin-bottom:20px}}#project-introduction .project-links .project-link{background-color:#000;text-align:center;padding:15px 30px;border-radius:15px;min-width:150px;box-shadow:inset -3px -3px 5px #ff5b61e6,inset 2px 2px 10px 2px #48beffe6;transition:all .2s}#project-introduction .project-links .project-link:active{box-shadow:inset 3px 3px 5px #ff5b61e6,inset -2px -2px 10px 3px #48beffb3}@media (max-width: 1175px){#project-introduction .project-links .project-link{margin-right:10px}}@media (max-width: 720px){#project-introduction .project-links .project-link{min-width:75px;margin-right:0;margin-bottom:20px}}#project-introduction .date{display:flex;align-items:center;justify-content:end;font-size:1.2rem;font-weight:700}#project-introduction .date svg{width:40px;height:40px;margin:10px}@media (max-width: 720px){#project-introduction .date svg{width:30px;height:30px}}#project-mission{margin-bottom:40px;background-color:#161412;color:#fff;border:7px black solid;border-radius:10px}#project-mission h2{padding:2rem}#project-mission p{margin:0;line-height:1.7rem}#project-skill{display:flex;justify-content:space-between;align-items:center}#project-skill li{list-style:disc;margin:1rem}@media (max-width: 720px){#project-skill{flex-direction:column}#project-skill .glow{width:100%}}#project-skill .illustration{width:45%;display:flex;justify-content:center;align-items:center}#project-skill .illustration img{margin:auto;padding:.5rem;height:270px}@media (max-width: 720px){#project-skill .illustration img{height:50vw}}.skills-developed-part{margin-bottom:40px;background-color:#161412;color:#fff;border:7px black solid;border-radius:10px}.skills-developed-part h2{padding:2rem}.skills-developed-part .skills-developed-list{padding:initial;margin:initial}[glow] #project-mission{border:#ff5b61 7px solid;background-color:#5b0003;box-shadow:inset 0 0 5px 5px #ff5b61e6}[glow] .skills-developed-part{border:#48beff 7px solid;background-color:#002e48;box-shadow:inset 0 0 5px 5px #48beffe6}@media (max-width: 720px){#project-mission{border:#ff5b61 7px solid;background-color:#280001;box-shadow:inset 0 0 5px 5px #ff5b61e6}.skills-developed-part{border:#48beff 7px solid;background-color:#00141f;box-shadow:inset 0 0 5px 5px #48beffe6}}#error404{display:flex;flex-direction:column;align-items:center;text-align:center}#error404 img{height:30vw}@media (max-width: 1175px){#error404 img{height:35vw}}@media (max-width: 720px){#error404 img{height:50vw}}#error404 p{font-size:3rem;margin:.9em;color:#161412}@media (max-width: 1175px){#error404 p{font-size:2rem}}#error404 a{font-size:1.5rem;color:#ff5b61;margin:.5rem 0 5.5rem}@media (max-width: 1175px){#error404 a{font-size:1rem}}:root{font-family:Roboto,sans-serif,Arial;font-weight:400;font-size:1.2rem;color-scheme:light dark;color:#161412;background-color:#efe8e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 720px){:root{font-size:.9rem}}body{margin:0;min-width:320px}main{max-width:1400px;margin:auto}section{padding:0 30px 3rem}h1{font-family:Alegreya Sans SC,sans-serif,Arial;font-size:6em;line-height:1.1;font-weight:700;margin:0}@media (max-width: 720px){h1{font-size:3.2rem}}h2{font-family:Alegreya Sans SC,sans-serif,Arial;font-size:2rem;text-align:center;padding:3rem;margin:0}@media (max-width: 720px){h2{font-size:1.5rem}}h3{font-family:Roboto,sans-serif,Arial;font-size:1.8rem;text-align:start;padding:0;margin:0;font-weight:400}@media (max-width: 720px){h3{font-size:1.3rem}}ul{list-style:none;padding:0;margin:0}a{color:#efe8e6;text-decoration:none}a:hover{text-decoration:underline}button{font-family:Roboto,sans-serif,Arial;font-size:1rem}input,textarea{background-color:#fff;font-family:Roboto;color:#000}