@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";a{color:#fff;text-decoration:none}html{scroll-behavior:smooth}.container{scroll-snap-type:y mandatory;overflow:auto;position:relative;width:100%;height:100vh}.section{scroll-snap-align:start;width:100%;height:100vh;position:relative}.section>div{height:100vh}body{margin:0;background-color:#191a19;font-family:sans-serif}.page{display:flex;flex-direction:column;height:100vh}.box{background-color:#222;color:#fff;border-radius:10px;padding:15px}.fastInfoTop{height:calc(60vh - 30px);margin-top:20px}.longInfoBottom{height:40vh}.page div{margin-bottom:10px}.page>div{display:flex;justify-content:center;margin-left:5%;margin-right:5%;width:90%;justify-content:space-around}.figuresOnMe,.moreInfo{width:48%}.figuresOnMe{display:flex;flex-direction:column;align-content:space-between}.figures{display:flex;justify-content:space-between}.figure{padding:0;display:flex;align-items:center}.title,.figures{height:50%}.moreInfo{display:flex;flex-direction:column}.tabMenu{height:10%}.deepInfo{height:calc(90% - 60px);display:flex;justify-content:space-between;align-content:space-between}.photo{width:45%;height:100%}.allDeepInfo{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.portFolio{width:67%}.presentation{width:27%}.title div{display:flex;align-content:center;justify-content:center;align-items:center;height:100%;width:100%}.wroteTitle{font-size:48px;margin:0;position:relative;line-height:1.8em}.mailMe{position:absolute;background-color:#8a2be2;padding:10px 15px;border:none;border-radius:15px;font-size:20px;font-weight:700;color:#fff;left:calc(49% - 256px);top:calc(30% - 99px);cursor:pointer}.mailMe{transition:all .3s}.mailMe:after{background-color:#8a2be2}.mailMe:before{background-color:#6317a9;transition:all .3s}.mailMe:hover{color:#fff;background-color:#6317a9;transition:all .3s}.figure{display:flex;flex-direction:column;justify-content:center;align-content:center;width:20%}.figure p{margin:0;padding:0;text-align:center}.wroteFigure{font-size:25px;font-weight:700;margin-bottom:5px}#color1{background-color:#9fc;color:#000}#color2{background-color:#fc9;color:#000}#color3{background-color:#f9c}.tabMenu img{width:40px;padding:0;margin:0 0 0 20px;cursor:pointer}.tabMenu{display:flex;justify-content:space-between}.tabMenu div{margin:0;display:flex;align-items:center}#menuButton{width:30px}.checkedLanguage{display:none}#toggle{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:60px;height:30px;border-radius:30px;background-color:#333;transition:all .5s ease-in;cursor:pointer;z-index:1}.CvLink{cursor:pointer}#toggle:before{content:"";margin-top:14px;margin-left:3px;width:25px;height:25px;border-radius:50%;background:#eee;transform:translateY(-50%);transition:all .5s ease-in;display:inline-block}#toggle:checked{background:#03ffc0}#toggle:checked:before{background:#333;margin-top:14px;margin-left:33px}.tabMenu .homeIcon{width:30px}.photo img{width:100%}.photo{display:flex;align-items:flex-end;padding:0;background-color:#8a2be2}.myName{display:flex;justify-content:space-between;height:30px}.myName p{margin:5px 0;height:auto;font-size:16px;height:16px}.wroteName{font-weight:700}.socialMedia{display:flex;justify-content:space-between;height:40px;margin:0}.socialMedia img{width:40px;cursor:pointer}.location{display:flex;flex-direction:column;height:calc(100% - 170px);max-height:70%}.location p{font-weight:700;margin:5px 0}.location iframe{height:calc(100% - 33px)}.presentation{display:flex;flex-direction:column}.presentation div{display:flex;justify-content:space-between}.aboutMe{font-weight:700}.resume{line-height:1.8em}.portFolio{display:flex;flex-direction:column}.portFolio h1{margin-bottom:15px;margin-top:0}.portFolio img{width:170px}.portFolio>div{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:center;font-style:italic}.portFolio>div>div{flex-basis:175px;display:flex;flex-direction:column;justify-content:center;align-items:baseline}#lastImage{display:flex;flex-direction:row-reverse;align-items:center}#lastImage img{width:80px}#lastImage p{margin:0;width:95px}.page3{height:100vh;color:#fff;padding:0 5%;display:flex;flex-direction:column}.page3 .tabMenu{margin-top:20px;padding:0;justify-content:space-around}.page3 ul{list-style-type:none;display:flex}.page3 li{text-align:center;margin:0 20px;transition-duration:.3s;cursor:pointer}.technos img{width:100px}.technos>div{display:flex;flex-direction:column}.page3 li:hover{color:#8a2be2;box-shadow:0 25px 20px -20px #00000073,25px 0 20px -20px #00000073}.page3 h3{margin:0}.page4{height:100vh;color:#fff;padding:0 5%;display:flex;flex-direction:column}.CV{display:flex;flex-direction:column}.CV>div{display:flex;justify-content:space-around}.page4 .tabMenu{margin-top:20px;padding:0;justify-content:space-around}.page4 ul.rb{margin:0;padding:0;display:inline-block}.page4 ul.rb li{list-style:none;margin:auto auto auto 10em;min-height:50px;border-left:1px dashed #fff;padding:0 0 50px 30px;position:relative}.page4 ul.rb li:last-child{border-left:0}.page4 ul.rb li:before{position:absolute;left:-18px;top:-5px;content:" ";border:8px solid rgba(255,255,255,1);border-radius:500%;background:#8a2be2;height:20px;width:20px;transition:all .5s ease-in-out}.page4 ul.rb li:hover:before{border-color:#191a19;transition:all 1s ease-in-out}ul.rb li .timestamp{color:#8a2be2;position:relative;width:100px;font-size:12px}.langues li{list-style-type:none}.langues img{width:80px}.langues ul{display:flex;justify-content:space-between}.langues ul li{display:flex;align-items:center;text-align:center;width:28%}.langues ul li p{margin:0}.page4 .containers{width:100%;background-color:#ddd;margin-left:10px}.skill{text-align:center;padding-top:3px;padding-bottom:3px;color:#000}.page4 .green1{width:100%;background-color:#9fc}.page4 .green2{width:75%;background-color:#9fc}.page4 .yellow{width:60%;background-color:#ffffba}.page4 h2{margin:10px 0}.langues{width:100%}.page5{height:100vh;color:#fff;padding:0 5%;display:flex;flex-direction:column}.page5 .tabMenu{margin-top:20px;padding:0;justify-content:space-around}.PhotoContact img{width:500px;margin:0;padding:0}.PhotoContact{border-radius:10px;width:500px;height:500px;background-color:#8a2be2}.contact{margin-top:7%;display:flex}.contactDiv{margin-left:10%;width:50%}.page5 form{display:flex;flex-direction:column}.page5 form input,.page5 form textarea{margin-top:40px;width:100%;border:none;background-color:#191a19;color:#fff;border-bottom:1px solid #fff;transition-duration:.3s}.page5 form input::placeholder,.page5 form textarea::placeholder{color:#fff}.page5 form input:focus-visible,.page5 form textarea:focus-visible{border:none;box-shadow:none;outline:none;border-bottom:1px solid #8a2be2}.sendMessageButton{background-color:#8a2be2;padding:10px 15px;border:none;border-radius:15px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;margin-top:60px}.sendMessageButton:hover{color:#fff;background-color:#6317a9;transition:all .3s}.menuPickPortfolioInner,.button,.bullet{cursor:pointer}body.light{background-color:#fff;color:#000}body.light .box{background-color:#f0f2fa;color:#000}body.light .photo{background-color:#8a2be2;color:#000}body.light .enlightMode{filter:invert(100%);-webkit-filter:invert(100%)}body.light .page5 form input,body.light .page5 form textarea{background-color:#fff}body.light .page5 form input::placeholder,body.light .page5 form textarea::placeholder{color:#000}body.light .page4 ul.rb li:before{border:8px solid rgba(0,0,0,1)}body.light .page4 ul.rb li:hover:before{border-color:#fff}body.light .page4 ul.rb li{border-left:1px dashed black}body.light .page4{color:#000}body.light #checkedPortfolioWay,body.light #checkedPortfolioSection{background-color:#ddd}body.light .menuPickPortfolioInnerLeft{border-right:2px solid #dadada}body.light .menuPickPortfolio{border-bottom:2px solid #dadada}body.light .modalBody,body.light .buttonCloseModal{background-color:#fff}body.light .bullet{background-color:#00000080}body.light .uncheckedBullet{background-color:#000}.page2{height:100vh;display:flex}.page2>div{display:flex}.page2 .tabMenu{height:auto}.visualPortfolio{width:70%;margin:0 2.5%;justify-content:center;align-items:center}.choosePortfolio{width:25%;flex-direction:column;color:#fff;margin-top:25px;margin-bottom:25px;margin-right:25px}.pickPortfolio{margin-top:20px;padding:0}.menuPickPortfolio{display:flex;text-align:center;justify-content:space-around;align-items:center}.menuPickPortfolio p{width:50%;padding:16px 0;margin:0}.menuPickPortfolioInnerLeft{border-top-left-radius:10px}.menuPickPortfolioInnerRight{border-top-right-radius:10px}.page2 li img{width:130px}.imagePortfolioSection{width:130px;display:flex}.page2 li .androidPortfolioList{width:50px}.page2 li{list-style-type:none;display:flex;margin-bottom:10px;cursor:pointer;align-content:space-between}.page2 h2{font-size:20px;margin:0 0 4px}.portfolioSection{margin-left:10px}.portfolioBox{padding:3px 15px}#checkedPortfolioWay{color:#8a2be2;background-color:#333}.contentPortfolioContent{display:none}#checkedContent{display:flex;flex-direction:column;justify-content:space-between;padding:0;margin-top:0}#checkedPortfolioSection{color:#8a2be2;background-color:#333}.glide{color:#fff}#caroussel1{overflow:hidden;position:relative;height:90%;margin:5% 0%;justify-content:center;align-items:center}.Caroussel{position:relative;display:flex;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);height:100%;align-items:center}.items{flex:0 0 auto;height:100%;display:flex;justify-content:center;align-items:center;width:100%}.Caroussel img{max-width:100%;height:auto;max-height:70%;object-fit:contain;display:block}.buttonDiv{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;justify-content:space-between;align-items:center}.button{padding:.25rem;border-radius:9999px;color:#1f2937;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.button img{width:30px}.button:hover{background-color:#fff}#messageSent{max-width:100%;max-height:150px}.infoOnProject>div{padding:2px 10px}.infoOnProject>div>div{display:grid;grid-template-columns:auto auto auto}.infoOnProject img{width:80px;margin:5px}.buttonsTodiv{position:absolute;right:0;left:0;bottom:1rem}.ButtonsTo{display:flex;gap:.5rem;justify-content:center;align-items:center}.bullet{border-radius:9999px;width:.75rem;height:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.uncheckedBullet{background-color:#fff}.checkedbullet{background-color:#ffffff80}.page2 .warn{padding:4px;text-align:center;border:1px solid #ff4545;color:#ff4545;width:90%;background-color:#ffc2c2;border-radius:15px}.page2 .warnForMobile{padding:0;width:0%;display:none}.modalTotal{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;z-index:2}.modalVisible{visibility:visible}.modalInvisible{visibility:hidden}.modalTotalVisible{visibility:visible;background-color:#000c}.modaTotalInvisible{visibility:hidden}.modalBody{padding:1.5rem;border-radius:.75rem;background-color:#191a19;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;z-index:3}.modalBodyVisible{--transform-scale-x: 1;--transform-scale-y: 1;opacity:1}.modalBodyInvisible{--transform-scale-x: 1.25;--transform-scale-y: 1.25;opacity:0}.buttonCloseModal{position:absolute;border-radius:.5rem;color:#9ca3af;background-color:#191a19;border:none;cursor:pointer}.buttonCloseModal:hover{color:#4b5563}.closeImageModal{width:15px}.increaseSize img{width:30px}.increaseSize{position:absolute;top:75px;right:16px;background:none;border:none;cursor:pointer}@media (max-width: 900px){#color2,.mailMe,.socialMedia,.location,.PhotoContact,.page2 .visualPortfolio{display:none}.deepInfo{flex-direction:column;align-items:center}.photo,.allDeepInfo{width:100%}.wroteTitle{font-size:35px}.fastInfoTop{height:calc(49vh - 30px)}.title{height:calc(75% - 20px);text-align:center}.figures{height:35%}.photo{height:80%}.allDeepInfo{height:calc(20% - 20px);justify-content:flex-end}.page .allDeepInfo,.page .myName,.page .figures,.page .photo{margin-bottom:0}.deepInfo{height:calc(90% - 10px)}.figuresOnMe{justify-content:space-between}.figures{align-items:flex-end}.page .figure{height:80%;width:30%;margin-bottom:0}.longInfoBottom{height:50vh;flex-direction:column}.portFolio,.presentation{width:100%}#portfolioHomeList,.presentation p{margin:0}.technos ul{overflow-x:scroll}.page4 ul.rb li{margin-left:0}.page4 .exp ul.rb{margin-left:20px}.langues ul{flex-direction:column;padding-left:0}.langues ul li{width:100%;margin-bottom:20px;padding:8px 15px}.page5 .tabMenu{height:8%}.page5 .contact{margin-top:0;height:90%;justify-content:center;align-items:center}.contactDiv{margin:0;width:80%}.page4 ul.rb li:last-child{padding-bottom:0}.page2{flex-direction:column-reverse}.page2>div{width:100%}.choosePortfolio{margin-top:20px;height:100%}.pickPortfolio{height:90%;justify-content:center;align-items:center;background-color:#191a19}.contentPortfolio{border-radius:15px;background-color:#222}.page2 .warnForMobile{display:block;width:90%;margin-left:5%;padding:8px 3px}.warnForMobile p{margin:0}}@media (max-width: 600px){.location,.socialMedia,.portFolio,.presentation,#color2,.mailMe,.page2 .visualPortfolio,.PhotoContact{display:none}.choosePortfolio{width:100%;margin-top:60px;margin-right:0}.container{scroll-snap-type:block;height:auto;overflow:clip}.page .longInfoBottom,.page .fastInfoTop{margin-bottom:0;height:fit-content}.contentPortfolioContent{overflow:scroll}.tabMenu{position:fixed;height:40px;top:0;right:0;z-index:100;width:100%;border-radius:0}.longInfoBottom{height:0;width:0}.deepInfo{flex-direction:column}.fastInfoTop{height:100%;flex-direction:column;justify-content:flex-start}.page>div{justify-content:flex-start}.figures>div{width:40%}.fastInfoTop>div{width:100%}.fastInfoTop h1{font-size:30px}.title{margin-top:95px}.deepInfo>div{width:100%}.wroteTitle{text-align:center}.section>.page,.section>.page2,.section>.page3,.section>.page4,.section>.page5{margin-top:0;height:auto}.section{height:auto}.choosePortfolio{margin-top:0}.page .moreInfo,.page .allDeepInfo{margin-bottom:0}.technos h2{font-size:20px}.technos ul{overflow-x:scroll;padding:0}.CVtop{flex-direction:column;width:100%}.CVtop h2{text-align:center}.page4 ul.rb li{margin-left:0}.page4 ul.rb li{margin-left:10px}.langues ul{flex-direction:column;padding:0;margin-left:0}.langues ul li{width:100%;padding:0;margin-bottom:10px}.contactDiv{width:100%;margin:0 0 20px}.page2 .warnForMobile{display:block;width:90%;margin-left:5%;padding:8px 3px}.warnForMobile p{margin:0}.page2{flex-direction:column}}