@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);.bubblesContainer{align-items:center;display:flex;-webkit-filter:blur(1.8rem);filter:blur(1.8rem);height:100%;justify-content:center;position:fixed;width:100%;z-index:0}.bubble{background-color:#fff;border-radius:50%;height:5rem;position:absolute;width:5rem}.bubble:first-child{background-color:#8385e2;scale:1.5;-webkit-transform:translateX(350%) translateY(-280%);transform:translateX(350%) translateY(-280%)}.bubble:nth-child(2){background-color:#5e60d9;scale:1.7;-webkit-transform:translateX(-140%) translateY(-100%);transform:translateX(-140%) translateY(-100%)}.bubble:nth-child(3){background-color:#4d50d5;scale:2.5;-webkit-transform:translateX(140%) translateY(0);transform:translateX(140%) translateY(0)}.bubble:nth-child(4){background-color:#702cba;scale:1.3;-webkit-transform:translateX(-450%) translateY(90%);transform:translateX(-450%) translateY(90%)}.bubble:nth-child(5){background-color:#572390;scale:1.9;-webkit-transform:translateX(-90%) translateY(250%);transform:translateX(-90%) translateY(250%)}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.5rem .7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.8rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-bg);color:var(--color-white)}.version{bottom:0;color:rgba(0,0,0,.2);letter-spacing:1px;margin:.2rem;position:fixed}header{height:100vh;padding-top:7rem;z-index:2}.flexTextContainer{align-content:center;align-items:center;display:flex;height:70vh;justify-content:center}.textContainer{word-wrap:break-word;border-radius:2rem;height:70vh;overflow:hidden;text-align:center;text-overflow:ellipsis;width:80%}.titre-letter{display:inline-block;transition:all .5s}.titre-letter:hover{color:var(--color-primary);-webkit-transform:rotate(20deg);transform:rotate(20deg)}.blurContainer{-webkit-animation:blurAppear 2s forwards;animation:blurAppear 2s forwards;height:100%;position:absolute;top:-100rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.titre-section{-webkit-animation:textAppear .5s 2s forwards;animation:textAppear .5s 2s forwards;opacity:0}@-webkit-keyframes blurAppear{0%{top:-100rem}to{top:0}}@keyframes blurAppear{0%{top:-100rem}to{top:0}}@-webkit-keyframes textAppear{0%{opacity:0}to{opacity:1}}@keyframes textAppear{0%{opacity:0}to{opacity:1}}.scrollDown{-webkit-animation:textAppear .5s 2s forwards;animation:textAppear .5s 2s forwards;bottom:5rem;font-size:.9rem;font-weight:300;opacity:0;position:absolute;right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scrollDown>a,.scrollDown>a:hover,.scrollDown>a:visited{color:var(--color-light);text-decoration:none}@media screen and (max-width:600px){.scrollDown{right:-2rem}}.loader span{-webkit-animation:loading 1s ease-in-out infinite alternate;animation:loading 1s ease-in-out infinite alternate;color:var(--color-light);font-family:Kalam,cursive;font-size:2rem;text-shadow:0 0 0 var(--color-light)}@-webkit-keyframes loading{to{color:var(--color-primary);text-shadow:20px 0 70px var(--color-primary)}}@keyframes loading{to{color:var(--color-primary);text-shadow:20px 0 70px var(--color-primary)}}.loader span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loader span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loader span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.loader span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.loader span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.cta{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center}.reversed-enter{background:transparent;border:.2rem solid var(--color-white);border-radius:.5rem;cursor:pointer;display:inline-block;font-size:.8em;height:2.5rem;letter-spacing:.2em;overflow:hidden;position:relative;text-transform:uppercase;width:6.5rem;z-index:1}.reversed-enter,.reversed-enter>a{color:var(--color-white)}.reversed-enter:before{background:var(--color-white);border-radius:50%;content:"";height:200px;position:absolute;width:150px;z-index:-1}.reversed-enter:hover,.reversed-enter:hover>a{color:var(--color-primary)}.reversed-enter:before{left:100%;top:100%;transition:all .3s}.reversed-enter:hover:before{left:-30px;top:-30px}.about-me-container{align-content:center;align-items:center;display:flex;justify-content:center}.about-me-card{background:var(--color-bg);border-bottom-left-radius:20px;border-top-right-radius:20px;-webkit-clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);display:flex;flex-direction:column;gap:2rem;height:auto;padding:1rem;transition:1s ease-in-out;width:35rem}.about-me-info{align-content:center;align-items:center;display:flex;flex-flow:row wrap;gap:2rem;justify-content:center}.about-me-img{aspect-ratio:1/1;border-radius:1.5rem;overflow:hidden;transition:var(--transition);width:7rem}.about-me-img:hover{-webkit-transform:translateZ(10px) rotateX(20deg) rotateY(20deg);transform:translateZ(10px) rotateX(20deg) rotateY(20deg)}.about-me-text{align-content:center;align-items:center;aspect-ratio:2/1;background-color:rgba(0,0,0,.2);border-radius:3rem;color:var(--color-light);display:flex;font-size:.8rem;justify-content:center;padding:.5rem;text-align:center;width:20rem}@media screen and (max-width:600px){.about-me-card{width:80%}}.formation-container{display:flex;flex:none;flex-direction:column;font-size:.875rem;gap:1rem;height:auto;line-height:1.25rem;position:relative;width:19.5rem}.formation-flex{display:flex}.formation-flex-shrink-0{flex-shrink:0}.success{background-color:var(--color-bg);border-radius:.375rem;box-shadow:0 8px 14px 0 rgba(0,0,0,.3);height:12rem;padding:1rem;transition:var(--transition)}.success-prompt-wrap{margin-left:.75rem}.success-prompt-heading{color:var(--color-primary);font-weight:700;text-transform:uppercase}.success-prompt-prompt{color:var(--color-light);margin-top:.5rem;text-align:left}.success-button-container{bottom:2.5%;display:flex;margin-left:-.5rem;margin-right:-.5rem;margin-top:.875rem;position:absolute}.success-button-main{background-color:initial;border:none;border-radius:.375rem;color:var(--color-primary);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.375rem .5rem;transition:var(--transition)}.success-button-main:hover{background-color:var(--color-primary-variant);color:var(--color-white)}.success:hover{-webkit-transform:translateZ(10px) rotateX(20deg) rotateY(10deg);transform:translateZ(10px) rotateX(20deg) rotateY(10deg)}.formation{display:flex;flex-direction:column}.formationCard{align-content:center;align-items:center;display:flex;flex-flow:row wrap;gap:2rem;justify-content:center}.tooltip{background:var(--color-primary-variant);border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.1);color:var(--color-white);font-size:14px;height:1.5rem;left:-1rem;opacity:0;padding:0 8px;pointer-events:none;position:relative;top:-5px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:auto}.tooltip:before{border-bottom:.55rem solid transparent;border-right:.55rem solid var(--color-primary-variant);border-top:.55rem solid transparent;content:"";height:0;left:0;position:absolute;top:50%;-webkit-transform:translate(-94%,-50%);transform:translate(-94%,-50%);width:0}.rate:hover .tooltip{left:1rem;opacity:1;pointer-events:auto;visibility:visible}.icons:has(.starsActive:hover) .rate:not(.starsActive:hover) .tooltip{opacity:0}.contentSkills{align-content:center;align-items:center;display:flex;flex-flow:row wrap;gap:3rem;justify-content:center;position:relative}.flip-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1.2s;transition:transform 1.2s;transition:transform 1.2s,-webkit-transform 1.2s;width:100%}.textSkills:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;box-shadow:0 8px 14px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front{background:linear-gradient(120deg,var(--color-primary-variant) 60%,var(--color-primary-variant) 88%,var(--color-primary-variant) 40%,var(--color-bg) 48%);color:var(--color-white);padding:1rem}.flip-card-title{bottom:1.6rem;font-weight:400;position:absolute;right:-.8rem;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.flip-card-back{background:linear-gradient(120deg,var(--color-bg) 30%,var(--color-bg) 88%,var(--color-bg) 40%,var(--color-primary-variant) 78%);color:#fff;padding:1rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.textSkills{border-radius:2rem;flex:none;font-size:.8rem;height:25rem;width:15rem}.icons{align-content:center;align-items:center;display:flex;flex-flow:column wrap;gap:1.7rem;justify-content:center;margin-left:5rem;position:relative}.icons>li{color:var(--color-primary-variant);font-size:1.5rem}.item{align-content:center;align-items:center;flex-flow:row nowrap;gap:1.2rem;justify-content:start;width:16.0546873955rem}.item,.rate>a{display:flex}.rate>svg{transition:all .2s ease-in-out}.rate>svg:hover{scale:1.4}.javascript{color:#f7df1e}.react{color:#61dbfb}.css{color:#264de4}.arduino{color:#3186a0}.itsc{color:#283593}.rate{transition:all .5s ease-in-out,color .2s linear}.rate:hover{color:#d5ab55}.icons:has(.starsActive:hover) .rate:not(.starsActive:hover){opacity:.2;scale:.8}.flexBoxAchievement{align-content:center;align-items:center;display:flex;flex-flow:row wrap;gap:1rem;justify-content:center}.containerProject-image{border-radius:2rem;-webkit-filter:blur(.5rem);filter:blur(.5rem);height:100%}.containerProject-description,.containerProject-image{position:absolute;transition:all 1s cubic-bezier(.645,.045,.355,1);width:100%}.containerProject-description{background-color:var(--color-primary-variant);border-radius:2rem 2rem 0 0;bottom:0;display:flex;flex-direction:column;gap:1rem;height:65%;padding:.5rem}.containerProject:hover .containerProject-description{overflow:hidden;-webkit-transform:translateY(105%);transform:translateY(105%)}.containerProject:hover .containerProject-image{-webkit-filter:none;filter:none}.containerProject-description>.title{margin-top:.5rem;text-align:center}.containerProject-description>.description>p,.containerProjectRight>.description>p{font-size:.75rem;margin-top:.5rem;text-align:center}.containerProject-image>.bottom{border-radius:3rem;bottom:0;display:flex;justify-content:space-evenly;position:absolute;width:100%}.pictures{display:flex;flex-direction:row;justify-content:left}.pictures>img{height:auto;margin:1rem;object-fit:contain;width:15rem}.blur-animation{-webkit-animation:blur .5s forwards;animation:blur .5s forwards}@-webkit-keyframes blur{0%{-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-filter:blur(.15rem);filter:blur(.15rem)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes blur{0%{-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-filter:blur(.15rem);filter:blur(.15rem)}to{-webkit-filter:blur(0);filter:blur(0)}}.containerProject{background:var(--color-bg);border-radius:2rem;box-shadow:0 8px 14px 0 rgba(0,0,0,.3);flex:none;flex-basis:17rem;height:25rem;margin:1rem;overflow:hidden;position:relative;transition:all 1s cubic-bezier(.645,.045,.355,1);width:17rem}.containerProject:focus,.containerProject:hover{flex-basis:37rem}.containerProjectRight{opacity:0;transition:opacity 1s ease;transition-delay:.6s}.containerProject:focus,.containerProject:hover .containerProjectRight{opacity:1}.containerProjectLeft{height:25rem;overflow:hidden;position:relative;width:17rem}.containerProjectRight{height:-webkit-max-content;height:max-content;overflow:hidden;padding:1rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:19rem}@media screen and (max-width:600px){.containerProject:focus,.containerProject:hover{flex-basis:17rem;height:40rem}.containerProjectLeft{bottom:0;height:25rem}.containerProjectLeft,.containerProjectRight{overflow:hidden;position:absolute;width:17rem}.containerProjectRight{height:-webkit-max-content;height:max-content;padding:1rem;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}}.contactContainer>.contactCard>form{align-content:center;align-items:center;display:flex;flex:auto;flex-basis:17rem;flex-flow:column wrap;gap:1rem;justify-content:center;position:relative}.inputBox{position:relative;width:250px}.inputBox input,.inputBox textarea{background:transparent;border:none;border-bottom:2px solid var(--color-light);border-bottom-left-radius:8px;border-left:2px solid var(--color-light);color:var(--color-light);font-size:1em;outline:none;padding:10px;transition:.1s;width:100%}.inputBox span{border-radius:8px;color:var(--color-light);font-size:12px;left:0;letter-spacing:3px;margin-left:10px;margin-top:5px;padding:10px;pointer-events:none;position:absolute;text-transform:uppercase;-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:.5s}.inputBox input:focus~span,.inputBox input:valid~span,.inputBox textarea:focus~span,.inputBox textarea:valid~span{background:var(--color-primary);border:2px;color:var(--color-white);font-size:.8em;letter-spacing:.2em;padding:5px 10px;-webkit-transform:translateX(113px) translateY(-25px);transform:translateX(113px) translateY(-25px)}.inputBox input:focus,.inputBox input:valid,.inputBox textarea:focus,.inputBox textarea:valid{border:2px solid var(--color-light);border-radius:8px}.enter{background:transparent;border:.2rem solid var(--color-primary);border-radius:.5rem;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:.8em;height:2.5rem;letter-spacing:.2em;overflow:hidden;position:relative;text-transform:uppercase;width:6.5rem;z-index:1}.enter:before{background:var(--color-primary);border-radius:50%;content:"";height:200px;position:absolute;width:150px;z-index:-1}.enter:hover,.enter:hover>a{color:var(--color-white)}.enter:before{left:100%;top:100%;transition:all .3s}.enter:hover:before{left:-30px;top:-30px}.wrapper{align-items:center;display:flex;height:5rem;justify-content:center;margin-bottom:10rem}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--color-primary);fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{stroke-width:2;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 var(--color-primary);display:block;height:56px;margin:10% auto;width:56px}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fill{to{box-shadow:inset 0 0 0 30px var(--color-primary)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px var(--color-primary)}}.madeCardDiv{background-color:rgba(0,0,0,.3);border-radius:.8rem;box-shadow:0 8px 14px 0 rgba(0,0,0,.3);flex:none;height:auto;transition:all .5s;width:18rem}.madeCardDiv:hover{-webkit-transform:translateZ(10px) rotateX(20deg) rotateY(10deg);transform:translateZ(10px) rotateX(20deg) rotateY(10deg)}.tools{align-items:center;display:flex;padding:9px}.circle{padding:0 4px}.box{align-items:center;border-radius:50%;display:inline-block;height:10px;padding:1px;width:10px}.red{background-color:#ff605c}.yellow{background-color:#ffbd44}.green{background-color:#00ca4e}.card__content{--const-return:#f9ee98;--operator:#cda869;--meta:#f7f7f7;--text:#8f9d6a;--var:#607392;font-family:Seti;font-size:1.2rem;letter-spacing:2px;padding:1rem}.card__content i{font-style:normal}.const{color:var(--const-return)}.var{border-radius:.5rem;color:var(--var);transition:all .5s}.operator{color:var(--operator)}.meta{color:var(--meta)}.cardTextStyle:before{content:'"'}.cardTextStyle{color:var(--text)}.cardTextStyle:after{content:'",'}.cardReturn{margin-left:1rem}.cardText{margin-left:2rem}.var:hover{background-color:var(--color-primary-variant);color:var(--color-light)}.madeWith{display:flex;flex-flow:row wrap;gap:4rem;justify-content:center;margin-bottom:10rem}:root{--color-bg1:#0a1a29;--color-bg:rgba(10,26,41,.7);--color-primary:#5a5cd8;--color-primary-variant:rgba(152,153,231,.6);--color-white:#f7fafd;--color-light:hsla(0,0%,100%,.6);--color-dark:rgba(0,0,0,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:linear-gradient(to right bottom,var(--color-bg1),var(--color-bg));color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-bottom:5rem;margin-top:2rem}section>h2,section>h5{color:var(--color-light);text-align:center}section>h5{color:var(--color-primary);margin-bottom:3rem}.text-light{color:var(--color-light)}.text-dark{color:var(--color-dark)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}.titre-div{display:flex;justify-content:center;margin:2rem}.titre-section{color:var(--color-light);display:block;font-size:x-large;font-weight:700;letter-spacing:1px;margin:1rem;text-transform:uppercase;transition:all .3s;width:-webkit-max-content;width:max-content}.titre-section:before{margin-left:auto}.titre-section:after,.titre-section:before{background:var(--color-primary);color:var(--color-white);content:"";display:block;height:2px;transition:.5s;width:0}.titre-section:hover:after,.titre-section:hover:before,img{width:100%}img{display:block;object-fit:cover}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}}.font-text{font-family:Ubuntu,sans-serif}
/*# sourceMappingURL=main.e36061a6.css.map*/