@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-size:clamp(1rem,2vw,1.125rem)}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}li,p{font-size:clamp(1rem,2vw,1.125rem)}small{font-size:clamp(.875rem,1.5vw,1rem)}.move-top-bottom{animation:moveTopBottom 12s linear infinite alternate;position:absolute;top:0}@media (min-width:768px) and (max-width:991px){.move-top-bottom{animation:rotateSelf 24s linear infinite}.move-top-bottom .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.move-top-bottom{animation:rotateSelf 24s linear infinite}.move-top-bottom .container{max-width:540px}}.rotate-self{animation:rotateSelf 24s linear infinite;width:400px}@media (min-width:768px) and (max-width:991px){.rotate-self{width:300px}.rotate-self .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.rotate-self{width:200px}.rotate-self .container{max-width:540px}}.rotate-60{animation:rotate60 3s linear infinite alternate}.rotate-180{animation:rotate180 3s linear infinite alternate}@keyframes moveTopBottom{0%{transform:translateY(0)}to{transform:translateY(500px)}}@keyframes rotateSelf{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate60{0%{transform:rotate(0deg)}to{transform:rotate(60deg)}}@keyframes rotate180{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.div_planetes{display:flex;flex-direction:row;height:60vh;justify-content:space-around;margin-top:100px}@media (min-width:768px) and (max-width:991px){.div_planetes{align-items:center;flex-direction:column;height:auto}.div_planetes .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes{align-items:center;flex-direction:column;height:auto}.div_planetes .container{max-width:540px}}@media (min-width:768px) and (max-width:991px){.div_planetes .lien{align-items:center;display:flex;flex-direction:column}.div_planetes .lien .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .lien{align-items:center;display:flex;flex-direction:column}.div_planetes .lien .container{max-width:540px}}.div_planetes .lien .rose_planete{position:relative;transition:transform .3s ease-out;width:450px;z-index:21}@media (min-width:768px) and (max-width:991px){.div_planetes .lien .rose_planete{width:350px}.div_planetes .lien .rose_planete .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .lien .rose_planete{width:250px}.div_planetes .lien .rose_planete .container{max-width:540px}}.div_planetes .lien .rose_planete:hover{transform:scale(1.2)}.div_planetes .lien .bleu_planete{position:relative;transition:transform .3s ease-out;width:380px;z-index:21}@media (min-width:768px) and (max-width:991px){.div_planetes .lien .bleu_planete{width:280px}.div_planetes .lien .bleu_planete .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .lien .bleu_planete{width:230px}.div_planetes .lien .bleu_planete .container{max-width:540px}}.div_planetes .lien .bleu_planete:hover{transform:scale(1.2)}.div_planetes .lien .violette_planete{position:relative;transition:transform .3s ease-out;width:400px;z-index:21}@media (min-width:768px) and (max-width:991px){.div_planetes .lien .violette_planete{width:300px}.div_planetes .lien .violette_planete .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .lien .violette_planete{width:240px}.div_planetes .lien .violette_planete .container{max-width:540px}}.div_planetes .lien .violette_planete:hover{transform:scale(1.2)}.div_planetes .lien .satellite{height:300px;position:relative;transition:transform .3s ease-out;z-index:21}@media (min-width:768px) and (max-width:991px){.div_planetes .lien .satellite{height:auto;width:200px}.div_planetes .lien .satellite .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .lien .satellite{height:auto;width:150px}.div_planetes .lien .satellite .container{max-width:540px}}.div_planetes .lien .satellite:hover{transform:scale(1.2)}@media (min-width:768px) and (max-width:991px){.div_planetes .planete{margin-bottom:50px;padding:70px}.div_planetes .planete .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .planete{margin-bottom:50px;padding:70px}.div_planetes .planete .container{max-width:540px}}.div_planetes .planete .nom{color:#f5f5f5;display:block;margin-top:30px;opacity:1;position:relative;text-align:center;transition:opacity .3s ease-out;z-index:50}@media (min-width:768px) and (max-width:991px){.div_planetes .planete .nom{opacity:1}.div_planetes .planete .nom .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.div_planetes .planete .nom{opacity:1}.div_planetes .planete .nom .container{max-width:540px}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:1}}.div_planetes .overlay{animation:fadeInOut 1s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:15}.div_planetes:hover .overlay{opacity:1;pointer-events:auto}.home{flex-direction:row-reverse;height:100vh;justify-content:center;margin:0 auto;max-width:clamp(20rem,80vw,71.25rem);padding:1rem;width:100%}.home,.home .conteneur{display:flex;position:relative}.home .conteneur{flex-direction:row;padding-top:120px;z-index:10}.home .conteneur .bienvenue{color:#555;text-align:center}.home .conteneur .bienvenue span{display:inline-block;max-width:100%}.home .conteneur .typewriter{text-align:center}.home .conteneur .div-p{display:flex;justify-content:center;text-align:center}.home .conteneur .div-p p{color:#555;line-height:1.25;padding-top:40px}.home .conteneur button{color:currentColor}.home .conteneur .button{align-items:center;background:0 0;border:none;border-radius:10px;color:#6e07f3;cursor:pointer;display:inline-flex;font-weight:600;gap:.363636em;justify-content:center;letter-spacing:-.01em;line-height:1.04545;overflow:hidden;padding:.9375rem 1.5rem;position:relative;text-decoration:none;word-break:break-word}@media (hover:hover){.home .conteneur .button.button--stroke:hover{color:#fff;text-decoration:none}}.home .conteneur .button--stroke:after{border:.125rem solid #6e07f3;border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home .conteneur .button__label{font-size:.8rem;position:relative;text-align:center;transition:color 50ms var(--ease-in-out-quart)}.home .conteneur .button--stroke:hover .button__label{transition:color .15s var(--ease-in-out-quart)}.home .conteneur .button__flair{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.home .conteneur .button--stroke .button__flair{transform:scale(0);transform-origin:0 0;will-change:transform}.home .conteneur .button__flair:before{aspect-ratio:1/1;background-color:#6e07f3;border-radius:50%;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);width:170%}.home .conteneur .div-links{display:flex;justify-content:space-around;padding-top:4rem}.home .conteneur .div-links .link{display:inline-block;font-weight:700;letter-spacing:1px;padding:.5rem 2rem;text-transform:uppercase}@media (min-width:768px) and (max-width:991px){.home .conteneur .div-links .link{padding:10px}.home .conteneur .div-links .link .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.home .conteneur .div-links .link{padding:0}.home .conteneur .div-links .link .container{max-width:540px}}@media (max-width:575px){.home .conteneur .div-links .link{padding:0}.home .conteneur .div-links .link .container{max-width:100%}}.typewriter{color:#6e07f3;font-family:sans-serif;font-weight:800}.portfolio{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:clamp(20rem,80vw,71.25rem);padding:1rem;width:100%}.portfolio .background_portfolio{width:100%}.portfolio .background_portfolio .second_title{color:#fff;margin-bottom:5vh;text-align:center}.portfolio .background_portfolio .div_text{display:flex;justify-content:center}.portfolio .background_portfolio .div_text .text{color:#fff;line-height:1.5;text-align:center}@media (min-width:1200px){.portfolio .background_portfolio .div_text .text{margin-bottom:20vh}.portfolio .background_portfolio .div_text .text .container{max-width:1140px}}@media (min-width:992px) and (max-width:1199px){.portfolio .background_portfolio .div_text .text{margin-bottom:20vh}.portfolio .background_portfolio .div_text .text .container{max-width:960px}}.portfolio .div-projets-img{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-bottom:150px;margin-top:70px;padding:60px 60px 0}.portfolio .div-projets-img .projet{border-radius:10px;height:auto;margin-bottom:100px;padding:50px;width:100vh}.portfolio .div-projets-img .projet .image-container{position:relative}.portfolio .div-projets-img .projet .image-container img{border-top-left-radius:5px;border-top-right-radius:5px;height:100%;object-fit:cover;width:100%}.portfolio .div-projets-img .projet .image-container .overlay{background-image:linear-gradient(#0000,#000000b3);border-top-left-radius:5px;border-top-right-radius:5px;height:99.2%;left:0;position:absolute;top:0;width:100%}.portfolio .div-projets-img .projet .image-container .overlay .projet-title{bottom:0;color:#555;margin:20px 20px 50px;position:absolute}.portfolio .div-projets-img .projet .image-container .overlay .div-projet-filtre .projet-filtre{bottom:0;color:#555;margin:20px;position:absolute}.portfolio .div-projets-img .projet .image-container .overlay .div-projet-filtre .div-cliquez-ici{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.portfolio .div-projets-img .projet .image-container .overlay .div-projet-filtre .div-cliquez-ici .cliquez-ici{background-color:#fff;border-radius:30px;color:#6e07f3;padding:20px}.portfolio .div-projets-img .projet .div-competences-problemes{display:flex;flex-direction:row}.portfolio .div-projets-img .projet .div-competences-problemes .div-competences{background-color:#201057;border-bottom-left-radius:5px;border-right:1px solid #0cc;padding:30px 0;width:40vw}.portfolio .div-projets-img .projet .div-competences-problemes .div-competences .title-competences{color:#555;margin-bottom:20px;text-align:center}.portfolio .div-projets-img .projet .div-competences-problemes .div-competences .projet-ul{align-items:center;display:flex;flex-direction:column;list-style-type:none}.portfolio .div-projets-img .projet .div-competences-problemes .div-competences .projet-ul .projet-li{padding-bottom:20px;padding-right:20px;transition:transform .3s ease-in-out}.portfolio .div-projets-img .projet .div-competences-problemes .div-competences .projet-ul .projet-li .projet-attribut{color:#0cc}.portfolio .div-projets-img .projet .div-competences-problemes .div-problemes{background-color:#201057;border-bottom-right-radius:5px;border-left:1px solid #0cc;padding:30px 0;width:40vw}.portfolio .div-projets-img .projet .div-competences-problemes .div-problemes .title-problemes{color:#555;margin-bottom:20px;text-align:center}.portfolio .div-projets-img .projet .div-competences-problemes .div-problemes .background-problemes .ul-problemes{align-items:center;display:flex;flex-direction:column}.portfolio .div-projets-img .projet .div-competences-problemes .div-problemes .background-problemes .ul-problemes .li-problemes{margin-right:0;padding-bottom:20px;padding-right:0}.portfolio .div-projets-img .projet .div-competences-problemes .div-problemes .background-problemes .ul-problemes .li-problemes .problemes{color:#0cc;text-align:center}#About{height:140vh;margin:0 auto;max-width:clamp(20rem,80vw,71.25rem);padding:1rem;width:100%}@media (min-width:768px) and (max-width:991px){#About{height:auto}#About .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About{height:auto}#About .container{max-width:540px}}@media (max-width:575px){#About{height:auto}#About .container{max-width:100%}}#About .background_about{height:auto;margin-top:15vh;width:100%}#About .background_about .background_purple{height:70vh}@media (min-width:768px) and (max-width:991px){#About .background_about .background_purple{height:auto}#About .background_about .background_purple .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About .background_about .background_purple{height:auto}#About .background_about .background_purple .container{max-width:540px}}@media (max-width:575px){#About .background_about .background_purple{height:auto}#About .background_about .background_purple .container{max-width:100%}}#About .background_about .second_title{color:#fff;margin-bottom:5vh;text-align:center}#About .background_about .div_text{display:flex;justify-content:center;margin-bottom:10vh}#About .background_about .div_text .text{color:#fff;line-height:1.5;text-align:center}#About .background_about .About{opacity:0;position:relative}#About .background_about .About .Box{border:1px solid #bbb;border-radius:12px;box-shadow:0 5px 20px 0 #757575;display:flex}@media (min-width:768px) and (max-width:991px){#About .background_about .About .Box{border-style:none;box-shadow:none;flex-direction:column}#About .background_about .About .Box .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About .background_about .About .Box{border-style:none;box-shadow:none;flex-direction:column;padding:0}#About .background_about .About .Box .container{max-width:540px}}@media (max-width:575px){#About .background_about .About .Box{border-style:none;box-shadow:none;flex-direction:column;padding:0}#About .background_about .About .Box .container{max-width:100%}}#About .background_about .About .Box .competences{align-items:center;background-color:#fff;color:#555;display:flex;flex-direction:column;height:auto;padding-bottom:20px;padding-top:20px;width:35vw}@media (min-width:768px) and (max-width:991px){#About .background_about .About .Box .competences{border:2px solid #6e07f3;border-bottom:0;width:auto}#About .background_about .About .Box .competences .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About .background_about .About .Box .competences{border:2px solid #6e07f3;border-bottom:0;width:auto}#About .background_about .About .Box .competences .container{max-width:540px}}@media (max-width:575px){#About .background_about .About .Box .competences{border:2px solid #6e07f3;border-bottom:0;width:auto}#About .background_about .About .Box .competences .container{max-width:100%}}#About .background_about .About .Box .competences *{text-align:center}#About .background_about .About .Box .competences h2:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6e07f3,#556270);-webkit-background-clip:text;margin:30px 30px 0}#About .background_about .About .Box .competences .competences_text{width:75%}#About .background_about .About .Box .competences p{color:#555;margin-top:10px}#About .background_about .About .Box .competences h3{color:#6e07f3;font-weight:600;margin-top:40px}#About .background_about .About .Box .competences li{margin:20px}#About .background_about .About .Box .onde-icon{display:block;margin-top:35px}#About .background_about .About .Box .onde-icon span{background-color:#0cc;display:block;height:5px;margin:6px 0;width:35px}#About .background_about .About .competences_frontend{border-bottom-left-radius:12px;border-top-left-radius:12px}@media (min-width:768px) and (max-width:991px){#About .background_about .About .competences_frontend{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:12px}#About .background_about .About .competences_frontend .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About .background_about .About .competences_frontend{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:12px}#About .background_about .About .competences_frontend .container{max-width:540px}}@media (max-width:575px){#About .background_about .About .competences_frontend{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:12px}#About .background_about .About .competences_frontend .container{max-width:100%}}#About .background_about .About .competences_backend{border-bottom-right-radius:12px;border-top-right-radius:12px}@media (min-width:768px) and (max-width:991px){#About .background_about .About .competences_backend{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0}#About .background_about .About .competences_backend .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){#About .background_about .About .competences_backend{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0}#About .background_about .About .competences_backend .container{max-width:540px}}@media (max-width:575px){#About .background_about .About .competences_backend{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0}#About .background_about .About .competences_backend .container{max-width:100%}}.contact{height:100%;justify-content:center;margin:20vh auto 0;max-width:clamp(20rem,80vw,71.25rem);padding:1rem;width:100%}.contact,.contact .cover{align-items:center;display:flex}.contact .cover{flex-direction:column}.contact .background_contact .second_title_contact{color:#fff;margin-bottom:5vh;text-align:center}.contact .background_contact .div_text_contact{display:flex;justify-content:center}.contact .background_contact .div_text_contact .text_contact{color:#fff;line-height:1.5;text-align:center}.contact .list_contact{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:30vh;margin-top:10vh;width:100%}.contact .list_contact>div{align-items:center;display:flex;justify-content:center;text-align:center}.contact .list_contact>div>a{text-align:center}.contact .list_contact>div>img{margin-right:10px;width:30px}.contact .div_email,.contact .div_linkedin,.contact .div_telephone{background-color:#fff;border:2px solid #6e07f3;border-radius:999px;padding:20px}@keyframes fade-in{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes next-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes next-slide-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes back-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes back-slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}*{box-sizing:border-box}#app{background:linear-gradient(to top left,#e66465,purple);font-family:Playfair Display,serif}.wrapper{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:50px 0 70px;position:relative}@media (min-width:576px) and (max-width:767px){.wrapper{flex-direction:row;padding:0}.wrapper .container{max-width:540px}}.intro{margin-bottom:50px;text-align:center}.intro h1{font-weight:lighter}.intro h1,.intro h2{font-style:italic}.intro h2{margin-bottom:20px}.intro span{color:#ff7a2a;text-decoration:underline}.carousel{align-items:center;border-radius:12px;box-shadow:0 5px 20px 0 #757575;display:flex;height:70vh;justify-content:center;margin-bottom:50px;overflow:hidden;position:relative;transition-duration:.5s;transition-property:border-color;width:70vw}@media (min-width:768px) and (max-width:991px){.carousel{height:50vh;width:90vw}.carousel .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.carousel{border-left-style:none;border-radius:0;border-right-style:none;box-shadow:0 0 0 0 #757575;height:40vh;margin-top:5vh;width:100vw}.carousel .container{max-width:540px}}.carousel .controls{align-items:center;background-color:#6e07f3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;transition-duration:.1s;transition-timing-function:ease-in;-webkit-user-select:none;user-select:none;width:35px;z-index:59}.carousel .controls--back{left:10px}.carousel .controls--back span{border-bottom-left-radius:1px;border-color:#0000 #0000 #fff #fff;border-style:solid;border-width:5px;position:relative;transform:translate3d(-3px,0,0) rotate(45deg)}.carousel .controls--back span:before{border-top:4px solid #fff;height:15px;position:absolute;transform:rotate(-45deg) translate3d(8px,-3px,0);width:12px}.carousel .controls--next{right:10px}.carousel .controls--next span{border-bottom-right-radius:1px;border-color:#0000 #fff #fff #0000;border-style:solid;border-width:5px;position:relative;transform:translate3d(4px,0,0) rotate(-45deg)}.carousel .controls--next span:before{border-top:4px solid #fff;height:15px;position:absolute;transform:rotate(45deg) translate3d(-17px,5px,0);width:12px}.carousel .controls:hover{height:40px;width:40px}.carousel .slide{align-items:center;display:flex;height:100%;justify-content:center;padding:50px;position:absolute;width:100%;z-index:0}@media (min-width:576px) and (max-width:767px){.carousel .slide{padding:0}.carousel .slide .container{max-width:540px}}.carousel .slide__copy-message{position:absolute;top:10px;transition-duration:.5s}.carousel .slide__copy-message.nope{top:0;transform:translate3d(0,-100%,0)}.carousel .slide__shape{animation-duration:.5s;animation-fill-mode:forwards;animation-name:fade-in;object-fit:cover;position:relative;width:100%}.carousel--Kasa,.carousel--MonVieuxGrimoire,.carousel--NinaCarducci,.carousel--SophieBluel{background-color:#fff;border-color:#6e07f3}@media only screen and (max-width:450px){.carousel{height:250px}}.code-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px 0 #757575;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:border-color;width:70vw}@media (min-width:768px) and (max-width:991px){.code-wrapper{width:90vw}.code-wrapper .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.code-wrapper{border-left-style:none;border-right-style:none;width:90vw}.code-wrapper .container{max-width:540px}}.code-wrapper .code{animation-duration:1s;animation-fill-mode:forwards;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;white-space:pre-wrap;width:100%}.code-wrapper .code--last{position:absolute}@media (min-width:768px) and (max-width:991px){.code-wrapper .code--last .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.code-wrapper .code--last .container{max-width:540px}}.code-wrapper .code--last.slide-left{animation-name:back-slide-out}.code-wrapper .code--last.slide-right{animation-name:next-slide-out}.code-wrapper .code--active{color:#6e07f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:550;letter-spacing:1px;padding:25px 0 20px 60px;position:relative}@media (min-width:768px) and (max-width:991px){.code-wrapper .code--active .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.code-wrapper .code--active .container{max-width:540px}}.code-wrapper .code--active.slide-left{animation-name:back-slide-in}.code-wrapper .code--active.slide-right{animation-name:next-slide-in}.code-wrapper .code--secondary{color:#555;padding:0 60px 20px;position:relative}@media (min-width:768px) and (max-width:991px){.code-wrapper .code--secondary .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.code-wrapper .code--secondary .container{max-width:540px}}.code-wrapper .code--secondary.slide-left{animation-name:back-slide-in}.code-wrapper .code--secondary.slide-right{animation-name:next-slide-in}@media only screen and (max-width:550px){.code-wrapper .code{padding:45px}}@media only screen and (max-width:450px){.code-wrapper .code{padding:20px}}.code-wrapper--Kasa,.code-wrapper--MonVieuxGrimoire,.code-wrapper--NinaCarducci,.code-wrapper--SophieBluel{background-color:#fff;border-color:#6e07f3}.portfolio-header{padding-top:20px}.portfolio-header .nav-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:clamp(20rem,80vw,71.25rem);padding:.5rem 1rem;width:100%}.portfolio-header .div-logo .lien-img{align-items:center;display:flex;justify-content:center;overflow:hidden}.portfolio-header .div-logo .lien-img .header-logo{background-color:#6e07f3;border-radius:300px;object-fit:cover;transition:width .3s;width:55px}.portfolio-header .sidenav{background-color:#6e07f3;height:100%;padding-top:60px;position:fixed;right:clamp(-100%,-300px,0px);top:0;transition:right .5s ease;width:clamp(200px,30vw,300px);z-index:999}.portfolio-header .sidenav ul{list-style-type:none;margin:0;padding:0}.portfolio-header .sidenav a{align-items:center;color:#fff;display:block;display:flex;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.portfolio-header .sidenav p{display:inline-block;font-weight:800;vertical-align:middle}.portfolio-header .planete{width:80px}.portfolio-header .planete,.portfolio-header .satellite{display:inline-block;margin-left:auto;vertical-align:middle}.portfolio-header .satellite{width:60px}.portfolio-header .sidenav a:hover{color:#fff}.portfolio-header .sidenav.active{right:0}.portfolio-header .sidenav .close{font-size:60px;font-weight:300;height:40px;margin-top:2rem;padding:0;position:absolute;right:10vw;top:0}.portfolio-header .burger-icon{display:block}.portfolio-header .burger-icon span{background-color:#6e07f3;display:block;height:5px;margin:6px 0;width:35px}.portfolio-header .header-links{align-items:center;display:flex;flex-direction:column;list-style:none}.portfolio-header .header-links .li-links{padding-right:100px;position:relative}.portfolio-header .header-links .li-links a{color:#555;list-style:none;position:relative;text-decoration:none}.portfolio-header .header-links .li-links a:after{background-color:#555;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:left .3s,width .3s;width:0}.portfolio-header .header-links .li-links a.active:after,.portfolio-header .header-links .li-links a:hover:after{left:0;width:100%}.portfolio-header .ul-ecran-large{display:flex;list-style:none;margin:25px 0 0;padding:0}.portfolio-header .ul-ecran-large li{display:flex;margin-right:20px;position:relative}.portfolio-header .ul-ecran-large li:last-child{margin-right:0}.portfolio-header .ul-ecran-large li a{border:1px solid #0000;border-radius:5px;color:#555;padding:10px 20px;position:relative;text-decoration:none;transition:border-color .3s,color .3s,background-color .3s}.portfolio-header .ul-ecran-large li a:before{background-color:initial;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s;width:100%;z-index:-1}.portfolio-header .ul-ecran-large li a p{color:#555;font-weight:700;margin:0}.portfolio-header .ul-ecran-large li a:hover p{color:#6e07f3}.portfolio-header .ul-ecran-large li a p:after{background-color:#6e07f3;content:"";display:block;height:2px;transition:width .3s;width:0}.portfolio-header .ul-ecran-large li a:hover p:after{width:100%}.footer{background-color:#6e07f3;display:flex;flex-direction:column;padding:10px 0}.footer .container-footer{margin:0 auto;max-width:clamp(20rem,80vw,71.25rem);padding:5vh 1rem 1rem;width:100%}.footer .container-footer .portfolio-footer{display:flex;flex-direction:row;justify-content:space-between}.footer .container-footer .portfolio-footer .text-footer .titre-footer{color:#fff;letter-spacing:1px;margin-bottom:1.6rem;text-transform:uppercase}.footer .container-footer .portfolio-footer .div-logo{height:auto;width:100px}.footer .container-footer .portfolio-footer .div-logo .titre-social{color:#fff;letter-spacing:1px;text-transform:uppercase}.footer .container-footer .portfolio-footer .div-logo .div-link-social{display:flex}.footer .container-footer .portfolio-footer .div-logo .div-link-social .lien-img{display:flex;justify-content:center;margin-top:1.6rem}.footer .container-footer .portfolio-footer .div-logo .div-link-social .lien-img .header-logo{height:100%;margin-right:1rem;object-fit:cover;width:2rem}.footer .container-footer .portfolio-footer p{color:#fff;margin-bottom:2vh}.footer .container-footer .div-copyright{border-top:1px solid #fff;display:flex;gap:10px;margin:6vh auto;padding-top:4vh;width:92%}@media (min-width:768px) and (max-width:991px){.footer .container-footer .div-copyright{flex-direction:column}.footer .container-footer .div-copyright .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.footer .container-footer .div-copyright{flex-direction:column}.footer .container-footer .div-copyright .container{max-width:540px}}@media (max-width:575px){.footer .container-footer .div-copyright{flex-direction:column}.footer .container-footer .div-copyright .container{max-width:100%}}.footer .container-footer .div-copyright .copyright{color:#fff;text-align:center;width:100%}.contact_form{margin:auto}.contact_form form{border-radius:8px;display:flex;flex-direction:column;margin:20vh auto 0}.contact_form form label{color:#666;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem;margin-top:10px}.contact_form form input:focus,.contact_form form textarea:focus{outline:none}.contact_form form input,.contact_form form textarea{background:#f0f0f0;border:1px solid #ebebeb;border-radius:5px;color:#333;font-weight:600;letter-spacing:0;margin-bottom:2.2rem;padding:1.2rem;width:100%}.contact_form form input::placeholder,.contact_form form textarea::placeholder{color:#888}.contact_form form textarea{min-height:100px;resize:vertical}.contact_form form input[type=submit]{background:#007bff;border:none;color:#fff;cursor:pointer;margin-top:15px;transition:background .3s ease}.contact_form form input[type=submit]:hover{background:#0056b3}.contact_form form input[type=submit]:disabled{background:#ccc;cursor:not-allowed}.contact_form form p{color:green;font-weight:700;margin-top:10px;text-align:center}.contact_form form button{color:currentColor}.contact_form form .button{align-items:center;background:0 0;border:none;border-radius:10px;color:#6e07f3;cursor:pointer;display:inline-flex;font-weight:600;gap:.363636em;justify-content:center;letter-spacing:-.01em;line-height:2.04545;overflow:hidden;padding:.9375rem 1.5rem;position:relative;text-decoration:none;word-break:break-word}@media (hover:hover){.contact_form form .button.button--stroke:hover{color:#fff;text-decoration:none}}.contact_form form .button--stroke:after{border:.125rem solid #6e07f3;border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact_form form .button__label{position:relative;text-align:center;transition:color 50ms var(--ease-in-out-quart)}.contact_form form .button--stroke:hover .button__label{transition:color .15s var(--ease-in-out-quart)}.contact_form form .button__flair{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.contact_form form .button--stroke .button__flair{transform:scale(0);transform-origin:0 0;will-change:transform}.contact_form form .button__flair:before{aspect-ratio:1/1;background-color:#6e07f3;border-radius:50%;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);width:170%}.contact_form form .button-contact{align-self:flex-end;margin-top:auto}body{background-color:#161616;margin:0;padding:0}section{display:grid;height:20vh;place-content:center}@media (min-width:768px) and (max-width:991px){section{display:none}section .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){section{display:none}section .container{max-width:540px}}@media (max-width:575px){section{display:none}section .container{max-width:100%}}.img-carousel{display:flex;flex-direction:row;gap:6rem;height:auto!important;max-height:95vh}@media (min-width:768px) and (max-width:991px){.img-carousel{flex-direction:column;gap:.5rem;max-height:100%}.img-carousel .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.img-carousel{flex-direction:column;gap:.5rem;max-height:100%}.img-carousel .container{max-width:540px}}@media (max-width:575px){.img-carousel{flex-direction:column;gap:.5rem;max-height:100%}.img-carousel .container{max-width:100%}}.spacer{flex-shrink:0;width:70vw}.slide{height:100%;position:relative}.background-overlay{background:linear-gradient(180deg,#0000,#000c);border-radius:10px;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (min-width:768px) and (max-width:991px){.background-overlay{display:block}.background-overlay .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.background-overlay{display:block}.background-overlay .container{max-width:540px}}@media (max-width:575px){.background-overlay{display:block}.background-overlay .container{max-width:100%}}.card{border-radius:10px;margin:30px auto 0;max-width:100%;text-align:center}.card .content_card{align-items:flex-start;border-radius:5px;bottom:5%;color:#e2e2e2;display:none;flex-direction:column;font-weight:700;left:5%;max-width:90vw;padding:clamp(1rem,2vw,4rem) clamp(1rem,2vw,4rem) 5px 0;position:absolute;transform:translate(0);z-index:999}.card .content_card p{display:flex;flex-wrap:wrap;text-align:left}.card .content_card p span{background:#696869;border-radius:50px;color:#fff;font-size:11px;font-weight:500;margin:2px;padding:4px 10px;text-transform:capitalize;white-space:nowrap}@media (min-width:768px) and (max-width:991px){.card .content_card{display:flex}.card .content_card .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.card .content_card{display:flex}.card .content_card .container{max-width:540px}}@media (max-width:575px){.card .content_card{display:flex}.card .content_card .container{max-width:100%}}.card .content_card .tags{display:flex;flex-wrap:wrap;gap:.5rem}.card .content_card .tag{border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;padding:.3rem .7rem}.card .content_card .tag.react{background:#0366d6}.card .content_card .tag.tailwind{background:#0c4a6e}.card .content_card .tag.framer{background:#9c27b0}.card .content_card .tag.seo{background:#2e7d32}.card .content_card .tag.responsive{background:#ef6c00}.card .content_card .tag.node{background:#3e8635}.card .content_card .tag.mongodb{background:#2e5939}.card .content_card .tag.api{background:#6a1b9a}.card .content_card .tag.htmlcss{background:#d84315}.card .content_card .tag.javascript{background:#f0a500}.card .content_card .tag.accessibility{background:#006064}.card:hover .content_card{display:flex}.card:hover .background-overlay{display:block}.title{color:#6e07f3;font-weight:700;padding-top:5px}.description{color:#505050;margin-top:10px}.text-overlay{background-color:#00000080;border-radius:5px;color:#e2e2e2;display:none;font-weight:700;left:50%;padding:5px;position:absolute;text-shadow:2px 2px 4px #000000b3;top:50%;transform:translate(-50%,-50%)}.slide:hover .text-overlay{display:block}.carousel-controls{display:flex;justify-content:space-between;left:50%;padding:0 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.carousel-controls button{background-color:#fff9;border:none;border-radius:50%;color:#161616;cursor:pointer;padding:10px 20px;transition:background-color .3s}.carousel-controls button:hover{background-color:#ffffffe6}.img-carousel img{border-radius:10px 10px 10px 10px;box-shadow:0 8px 16px #0006;height:70vh;object-fit:cover;transition:filter .3s ease;transition:transform .3s ease-in-out}@media (min-width:768px) and (max-width:991px){.img-carousel img{height:35vh;max-width:90vw;width:100%}.img-carousel img .container{max-width:720px}}@media (min-width:576px) and (max-width:767px){.img-carousel img{height:35vh;max-width:90vw;width:100%}.img-carousel img .container{max-width:540px}}@media (max-width:575px){.img-carousel img{height:35vh;max-width:90vw;width:100%}.img-carousel img .container{max-width:100%}}*,:after,:before{box-sizing:border-box}.mouse_scroll{display:block;height:100px;margin:125px auto 0;width:24px}.m_scroll_arrows{border-bottom:2px solid #6e07f3;border-right:2px solid #6e07f3;display:block;height:5px;height:16px;margin:0 0 3px 4px;transform:rotate(45deg);width:5px;width:16px}.unu{margin-top:1px}.doi,.trei,.unu{animation:mouse-scroll 1s infinite}.unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:alternate;animation-direction:alternate}.doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.doi,.trei{-webkit-animation-direction:alternate;animation-direction:alternate;margin-top:-6px}.trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.mouse{border-radius:14px;height:42px;top:170px;transform:none;width:24px}.mouse,.wheel{border:2px solid #6e07f3}.wheel{animation:mouse-wheel .6s linear infinite;background:#6e07f3;border-radius:8px;display:block;height:5px;height:4px;margin:5px auto;position:relative;width:2px;width:4px}@keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}to{top:1px}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.mentions-legales-container{background:#fff;border-radius:1rem;box-shadow:0 2px 16px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:2rem auto;max-width:600px;padding:2rem 2.5rem}.mentions-legales-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:2.2rem;font-weight:800;margin-bottom:1.5rem;padding-bottom:.5rem}.mentions-legales-section-title{color:#2d3748;font-size:1.4rem;font-weight:700;margin-bottom:.7rem;margin-top:2.5rem}.mentions-legales-content{color:#444;line-height:1.7;margin-bottom:1.2rem}.mentions-legales-content p{color:#444}.mentions-legales-link{color:#2563eb;text-decoration:underline;transition:color .2s}.mentions-legales-link:hover{color:#1e40af}.mentions-legales-strong{color:#2d3748;font-weight:600}.politique-confidentialite-container{background:#fff;border-radius:1rem;box-shadow:0 2px 16px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:2rem auto;max-width:600px;padding:2rem 2.5rem}.politique-confidentialite-title{color:#2d3748;font-size:2rem;font-weight:800;margin-bottom:1.2rem}.politique-confidentialite-section-title{color:#2d3748;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;margin-top:2rem}.politique-confidentialite-content{color:#444;line-height:1.7;margin-bottom:1.2rem}*{margin:0;padding:0}body,html{overflow-x:hidden}body{background-color:#fff}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6e07f3,#556270);-webkit-background-clip:text}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:800;letter-spacing:1px}p{color:#fff;font-weight:400;line-height:1.6}a,li{color:#555;text-decoration:none}ul{list-style-type:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}@media (max-width:575px){max-width:100%}@media (min-width:576px) and (max-width:767px){max-width:540px}@media (min-width:768px) and (max-width:991px){max-width:720px}@media (min-width:992px) and (max-width:1199px){max-width:960px}@media (min-width:1200px){max-width:1140px}
/*# sourceMappingURL=main.acb9a3e1.css.map*/