ul{list-style:none;margin:0;padding:0 40% 0 0}#menu>li{cursor:pointer;float:left;line-height:40px;text-align:center}#menu li ul a,#menu>li{background:#000;height:40px;width:150px}#menu li ul a{color:#fff;display:block;text-decoration:none}#menu li ul{height:0;overflow:hidden;transition:all 1s}#menu li a{color:#fff;list-style:none;text-decoration:none}#menu li:hover ul{height:120px}nav{align-items:center;background:#000;color:#fff;display:flex;height:65px;justify-content:space-between;left:0;padding-left:2%;position:fixed;top:0;width:100%;z-index:100}.no-margin{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fcb045 0,#cf1512);-webkit-background-clip:text;margin:initial}.switch{--width-of-switch:3.5em;--height-of-switch:2em;--size-of-icon:1.4em;--slider-offset:0.3em;display:block;height:var(--height-of-switch);left:-6%;position:relative;width:var(--width-of-switch)}.switch input{height:0;opacity:0;width:0}.slider{border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{background:#303136;position:absolute;transition:.4s}.slider:before{border-radius:20px;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px 0 0 #a3dafb;content:"";height:1.4em;height:var(--size-of-icon,1.4em);left:.3em;left:var(--slider-offset,.3em);top:50%;transform:translateY(-50%);width:1.4em;width:var(--size-of-icon,1.4em)}input:checked+.slider{background-color:#303136}input:checked+.slider:before{background:linear-gradient(40deg,#ff0080,#ff8c00 70%);box-shadow:none;left:calc(100% - 1.7em);left:calc(100% - var(--size-of-icon, 1.4em) - var(--slider-offset, .3em))}.whoIAm{padding-top:80px}.whoIAm .presentationContainer{display:flex;margin-top:-2%}@media(max-width:1026px){.whoIAm .presentationContainer{flex-direction:column}}.whoIAm .presentationContainer .picSection{position:absolute}.whoIAm .presentationContainer .picSection .profilePic{padding:0 40px;width:330px}@media(max-width:600px){.whoIAm .presentationContainer .picSection .profilePic{width:200px}}.whoIAm .presentationContainer .presentation{color:#fff;position:absolute}.whoIAm .presentationContainer .presentation .presentationP{font-weight:500;text-align:start}@media(max-width:1026px){.whoIAm .presentationContainer .presentation .presentationP{text-align:center}}@media(min-width:601px)and (max-width:1025px){.whoIAm .presentationContainer .presentation .presentationP{font-size:20px}}@media(max-width:600px){.whoIAm .presentationContainer .presentation .presentationP{font-size:14px}}.whoIAm .mediaIcons{display:flex;margin:50px 120px}.whoIAm .mediaIcons .icons{cursor:pointer;font-size:26px;margin-left:20px;transition-duration:.15s}.whoIAm .mediaIcons .icons:hover{scale:1.3}.card_weather{background:radial-gradient(178.94% 106.41% at 26.42% 106.41%,#fff7b1 0,#fff0 71.88%),#fff;border-radius:23px;box-shadow:0 155px 62px #00000003,0 87px 52px #0000000d,0 39px 39px #00000017,0 10px 21px #0000001a,0 0 0 #0000001a;cursor:pointer;height:168px;left:65%;padding:25px;position:absolute;text-align:left;text-align:initial;top:109px;transition:all .8s cubic-bezier(.15,.83,.66,1);width:25%}.card:hover{transform:scale(1.05)}.container{align-items:center;display:flex;height:250px;justify-content:center;position:absolute;right:-35px;top:-50px;transform:scale(.7)}.cloud,.container{width:250px}.front{animation:clouds 8s infinite;animation-timing-function:ease-in-out;display:inline;margin-left:25px;padding-top:45px;position:absolute;z-index:11}.back{animation:clouds 12s infinite;animation-timing-function:ease-in-out;margin-left:150px;margin-top:-30px;z-index:12}.right-front{border-radius:50% 50% 50% 0;height:45px;margin-left:-25px;width:45px}.left-front,.right-front{background-color:#4c9beb;display:inline-block;z-index:5}.left-front{border-radius:50% 50% 0 50%;height:65px;width:65px}.right-back{border-radius:50% 50% 50% 0;height:50px;margin-left:-20px;width:50px}.left-back,.right-back{background-color:#4c9beb;display:inline-block;z-index:5}.left-back{border-radius:50% 50% 0 50%;height:30px;width:30px}.sun{background:linear-gradient(90deg,#fcbb04,#fffc00);border-radius:60px;display:inline;height:120px;position:absolute;width:120px}.sunshine{animation:sunshines 2s infinite}@keyframes sunshines{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes clouds{0%{transform:translateX(15px)}50%{transform:translateX(0)}to{transform:translateX(15px)}}.card-header{display:flex;flex-direction:column;gap:5px}.card-header span:first-child{color:#574d33a8;font-size:15px;font-weight:800;line-height:135%;word-break:break-all}.card-header span:last-child{color:#574d3354;font-size:15px;font-weight:700;line-height:135%}.temp{bottom:12px;color:#574d33;font-size:64px;font-size:20px;font-weight:700;left:25px;line-height:77px;position:absolute}.temp-scale{align-items:center;background:#0000000f;border-radius:9px;bottom:25px;display:flex;height:36px;justify-content:center;right:25px;width:100px}.temp-scale span{color:#574d33a8;font-size:13px;font-weight:700;line-height:134.49%}.projectsSection .projectList{background-color:#dcdcdc;display:flex;flex-wrap:wrap;height:85rem;justify-content:space-around;margin-left:-1%;margin-top:5%;padding-top:5%;width:101.59%}.projectsSection .projectList .projectGitLink{text-decoration:none}.projectsSection .projectList .project{background-color:wheat;border:1px solid #dedede;border-radius:10px;box-shadow:3px 5px 5px #36323261;cursor:pointer;display:flex;flex-direction:column;height:23rem;justify-content:space-between;margin:10px 40px;max-width:25rem;transition-duration:.3s;width:28%;z-index:5}.projectsSection .projectList .project:hover{transform:scale(1.1)}@media(max-width:1026px){.projectsSection .projectList .project{margin:10px 30px}}.projectsSection .projectList .project .projectImg{border-bottom:1px solid #dedede;object-fit:cover}.projectsSection .projectList .project .projectTitle{background:linear-gradient(90deg,#833ab4,#fd1d1d 50%,#fcb045);border-radius:10px 10px 0 0;color:#fff;cursor:auto;display:flex;justify-content:space-around;margin:0;padding:4px}.projectsSection .projectList .project .projectDescription{color:linear-gradient(90deg,#833ab4,#fd1d1d 50%,#fcb045);font-size:14px;height:50px;padding:2px}.projectsSection .projectList .project .projectTechno{display:flex;gap:15px;justify-content:center;margin-top:-5%;padding:4px}.projectsSection .projectList .project .projectTechno .technos{margin:0 4px;width:20px}.project-active .card-inner{transform:rotateY(180deg)}.not_active{background-color:#7451eb;color:#fff}.active,.not_active{border:none;border-radius:10%;height:2rem;width:7%}.active{background-color:#fff;color:#7451eb}.technoButtons{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:3%}.kasa{height:215px;width:85%}.container_img{display:flex;justify-content:center;margin:15px}canvas{width:68%}.fa-fade{cursor:pointer}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .999s;width:100%}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-front{transform:rotateY(0deg)}.card-back{transform:rotateY(180deg)}.pagination{display:flex;justify-content:space-between;left:90%;list-style:none;padding-right:0;position:absolute;top:158rem;width:5%}.pagination .active-pagination{background-color:#000;color:#fff}.pagination .active-pagination,.pagination li{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.pagination li{background-color:#fff;color:#000}.pagination .next,.pagination .previous{display:none}.contactSection{margin-top:8%}.contactSection .contactContainer{align-items:center;display:flex;flex-direction:column}.contactSection .contactContainer a{width:80%}.contactSection .contactContainer a .contactIcons{background:linear-gradient(90deg,#833ab4,#fd1d1d 50%,#fcb045);border-radius:25px;color:#fff;font-size:50px;margin:1% 0;padding:30px 0;transition-duration:.3s}.contactSection .contactContainer a .contactIcons:hover{background:#000;color:#fff}footer{background-color:#000;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-1%;margin-left:-1%;margin-right:-.5%;padding-left:2%}footer li a{color:#fff;list-style:none;text-decoration:none}.col-row{padding:2rem}.col-row ul{padding-right:0}.col-row li{padding-bottom:.55rem}.container_link{display:flex}.text_gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fcb045 0,#cf1512);-webkit-background-clip:text}.collapse-header{align-items:center;background:linear-gradient(90deg,#833ab4,#fd1d1d 50%,#fcb045);color:#fff;cursor:pointer;display:flex;font-weight:700;height:47px;justify-content:left;padding-left:15px;position:relative}.collapse-header .chevron.open:before{transform:translate(-50%,-50%) rotate(45deg)}.collapse-header.open .chevron{transform:translateY(-50%) rotate(135deg)}.collapse-content{background:#f6f6f6;overflow:hidden;transition:height .3s ease}.collapse-content.collapsed{height:0}.collapse-content.expanded{color:violet;font-family:Montserrat;font-size:21px;font-style:normal;font-weight:400;height:325px;line-height:142.6%;text-align:center}.collapse-content.expanded p{margin-left:3%;margin-right:3%;text-align:justify;width:89%}.content{height:47px;left:9%;top:30%;width:88%}.App>div:nth-child(2){height:75rem}.chevron{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;position:absolute;right:15px;top:50%;transform:translateY(-50%);vertical-align:top;width:.45em}.chevron.open:before{transform:rotate(135deg)}.collapse-header .chevron{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(315deg);transition:transform .2s ease;width:.45em}.collapse-container{margin-left:33%;margin-top:3%;width:61%}.body_logement_detail{height:60rem}.Container_video{width:100%}video{margin-left:-2%;width:102.5%}#root{animation:hideRoot 5s linear forwards}@keyframes hideRoot{1%{background-color:#000;display:none;opacity:0}to{display:block;opacity:1}}.spinner{animation:spinning82341 1.7s linear infinite;background-image:linear-gradient(#ba42ff 35%,#00e1ff);box-shadow:0 -5px 20px 0 #ba42ff,0 5px 20px 0 #00e1ff;filter:blur(1px);text-align:center}.spinner,.spinner1{border-radius:50px;height:100px;width:100px}.spinner1{background-color:#242424;filter:blur(10px)}@keyframes spinning82341{to{transform:rotate(1turn)}}.container_loadspinner{align-items:center;display:flex;height:42rem;justify-content:center;position:absolute;width:99%}.flip-card{background-color:#0000;font-family:sans-serif;height:254px;left:2%;perspective:1000px;position:absolute;top:14%;width:13rem}.title{font-size:1.5em;font-weight:900;margin:0;text-align:center}.flip-card-inner{height:100%;text-align:center;transition:transform .8s;width:100%}.flip-card-active .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid coral;border-radius:1rem;box-shadow:0 8px 14px 0 #0003;display:flex;flex-direction:column;height:22rem;justify-content:center;position:absolute;width:100%}.card-client,.flip-card-back,.flip-card-front{background:linear-gradient(90deg,#833ab4,#fd1d1d 50%,#fcb045);color:#fff}.card-client{border:4px solid #000;border-radius:10px;box-shadow:0 6px 10px #cfd4de;font-family:Poppins,sans-serif;margin-left:3%;margin-top:3%;padding:25px 20px;position:absolute;text-align:center;transition:all .3s ease;width:13rem}.card-client:hover{transform:translateY(-10px)}.flip-card-inner{position:relative;transform-style:preserve-3d;transition:transform .6s}.flip-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;height:22rem;position:absolute;transform:rotateY(180deg);width:100%}.flip-card-back,.user-picture{align-items:center;display:flex;justify-content:center}.user-picture{border:4px solid #000;border-radius:999px;height:5rem;margin:auto;object-fit:cover;overflow:hidden;width:5rem}.user-picture svg{fill:currentColor;width:2.5rem}.name-client{font-size:18px;font-weight:600;margin:20px 0 0}.name-client span{display:block;font-size:16px;font-weight:200}.social-media:before{background:#000;content:" ";display:block;height:2px;margin:20px 0;width:100%}.social-media a{color:inherit;position:relative;text-decoration:none}.social-media a:last-child{margin-right:0}.social-media a svg{fill:currentColor;width:1.1rem}.tooltip-social{background:#262626;border-radius:5px;bottom:0;display:block;font-size:.8rem;font-weight:600;left:50%;opacity:0;padding:.5rem .4rem;pointer-events:none;position:absolute;transform:translate(-50%,-90%);transition:all .2s ease;z-index:1}.tooltip-social:after{border:solid;border-color:#0000;border-width:10px 10px 0;bottom:1px;content:" ";left:50%;position:absolute;transform:translate(-50%,100%)}.social-media a .tooltip-social:after{border-top-color:#262626}.social-media a:hover .tooltip-social{opacity:1;transform:translate(-50%,-130%)}.socialContainer{align-items:center;background-color:#2c2c2c;display:flex;height:52px;justify-content:center;overflow:hidden;transition-duration:.3s;width:20%}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{color:red;transition-duration:.3s}.containerThree:hover{background-color:#0072b1;transition-duration:.3s}.containerFour:hover{background-color:#128c7e;transition-duration:.3s}.card{align-items:center;background-color:#eee;box-shadow:0 0 20px rgba(0,0,0,.055);display:flex;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container_social{background:#fff;display:flex;gap:15px;padding:15px}.container_button{display:inline-flex;margin-right:1rem;margin-top:.8rem}.button_flip{align-items:center;background-color:#0e5d4d;border:none;border-radius:4px;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;height:31.1833px;line-height:1.25rem;padding:4px 8px;transition:background-color .3s,color .3s}.button_flip:hover{background-color:#fff;color:#148672}.ajust_back-flip{position:absolute;top:3%}.place-button_flip{left:40%;position:relative;top:52%}.container_button{display:flex;height:3rem;justify-content:flex-end}.margin_regul{margin:13px}.About_container{display:flex;flex-direction:column;justify-content:space-between}.About_container a{color:#fff;text-decoration:none}.Paper{--s:125px;--c1:#f8ca00;--c2:#bd1550;--_g:var(--c1) 90deg,var(--c2) 0 135deg,#0000 0;background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,var(--c1) 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,var(--_g)),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,var(--_g)),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,var(--_g),var(--c1) 0 225deg,var(--c2) 0);background-size:var(--s) var(--s);height:60rem;width:100%}.card_graduate{background-color:#fff;border:1px solid #0000;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;max-width:300px}.card a{text-decoration:none}.content_skills{padding:1.1rem}.image{background-color:#efcdff;height:150px;object-fit:cover;width:100%}.title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.75rem}.desc{color:#6b7280;margin-top:.5rem}.action,.desc{font-size:.875rem;line-height:1.25rem}.action{align-items:center;background-color:#2563eb;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;gap:.25rem;margin-top:1rem;padding:4px 8px}.action span{transition:.3s ease}.action:hover span{transform:translateX(4px)}@media screen and (min-width:320px)and (max-width:993px)and (min-height:558px){footer a{display:block;height:48px;width:48px}#menu,.card_weather{display:none}.projectList{padding-bottom:12%}#whoIAmSection{margin-left:-1%;padding-top:0;width:104%}.pagination{left:77%;top:228rem;width:19%}#projects{margin-top:60%}.presentationContainer{align-items:center}.flip-card{margin-top:18%;position:inherit}.technoButtons{margin-top:10%}.active,.not_active{margin-bottom:5%;margin-right:4%;width:32%}.projectsSection .projectList .project{width:79%}.projectsSection .projectList .project .projectTechno .technos{display:none}.projectsSection .projectList .project .projectTechno{margin-top:-9%}.projectsSection .projectList{height:auto}body{overflow-x:hidden}.container_link{flex-direction:column-reverse}footer{margin-bottom:-3%;margin-left:-3%}hr{display:none}.pagination .active-pagination,.pagination li{align-items:center;display:flex;justify-content:center}}body{font-family:Raleway,sans-serif}body .sectionTitle{font-size:26px}body .sectionTitle h2{font-weight:400}
/*# sourceMappingURL=main.77c05123.css.map*/