*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}body{background-color:#000}.welcome{color:#f0f8ff;display:flex;flex-direction:column;left:50%;margin:auto;position:absolute;top:43%;transform:translate(-50%,-50%);width:80%}.welcome h1{color:#dac0a3;font-size:50px;margin-bottom:100px;margin-left:10px}.welcome h2{font-size:25px;left:69%;margin-top:100px;position:relative}.welcome p{border-right:3px solid #0000;color:#ffffffb3;font-size:28px;padding:10px;text-align:justify;width:80%}@media screen and (min-width:769px) and (max-width:2000px){.welcome{color:#f0f8ff;display:flex;flex-direction:column;justify-content:center;left:50%;margin:auto;position:absolute;top:47%;transform:translate(-50%,-50%);width:85%}.welcome h1{color:#dac0a3;font-size:25px;margin-bottom:50px;padding:10px}.welcome p{border-right:3px solid #0000;color:#ffffffb3;font-size:18px;padding:10px;text-align:justify;width:100%}}@media screen and (min-width:320px) and (max-width:768px){.welcome{color:#f0f8ff;display:flex;flex-direction:column;left:50%;margin:auto;position:absolute;top:47%;transform:translate(-50%,-50%);width:90%}.welcome h1{color:#dac0a3;font-size:25px;margin-bottom:50px;padding:10px}.welcome p{border-right:3px solid #0000;color:#ffffffb3;font-size:16px;padding:10px;text-align:justify;width:100%}}.aboutMePage{align-items:center;justify-content:center;margin:240px auto auto;width:80%}.aboutMe,.aboutMePage{display:flex;flex-direction:column}.aboutMe{color:#fff;margin-bottom:200px;width:90%}.aboutMePage p{border-right:3px solid #0000;font-size:28px;margin-bottom:20px;padding:10px;text-align:justify;width:80%}.aboutMe h1{color:#dac0a3;margin-left:10px}.aboutMePage h2{font-size:60px;margin-left:10px;padding-bottom:50px;padding-top:20px}.aboutMe h2{animation:move 4s;position:relative}@keyframes move{0%{left:0;top:0}50%{left:43%;top:0}to{left:0;top:0}}.aboutMe ul{font-size:25px;text-align:justify}.aboutMe li{margin-bottom:15px;opacity:0;transform:translateY(-20px);transition:opacity .5s,transform .5s}.item1{animation:move1 3s forwards;animation-delay:3s}.item2{animation:move1 3s forwards;animation-delay:4s}.item3{animation:move1 3s forwards;animation-delay:5s}.item4{animation:move1 3s forwards;animation-delay:6s}.item5{animation:move1 3s forwards;animation-delay:7s}.item6{animation:move1 3s forwards;animation-delay:8s}.item7{animation:move1 3s forwards;animation-delay:9s}@keyframes move1{0%{color:#dac0a3;opacity:0;top:0;transform:translateY(-20px)}to{opacity:1;top:15px;transform:translateY(0)}}.aboutMe li:before{border-radius:50%;color:#fff;content:"•";display:inline-block;height:10px;margin-right:10px;width:10px}.exprience{margin-bottom:200px}.exprience,.skills{color:#fff;display:flex;flex-direction:column;width:90%}.skills{margin-bottom:50px}.HardSkillsIcons{display:flex;flex-wrap:wrap;justify-content:center;width:90%}.HardSkillsIcons svg{display:flex;height:230px;padding:50px;width:230px}@media screen and (min-width:769px) and (max-width:2000px){.aboutMePage{margin:100px auto auto;width:90%}.aboutMe h1{font-size:30px}.aboutMePage p{border-right:3px solid #0000;font-size:16px;padding:10px;text-align:justify;width:100%}.aboutMe{color:#fff;display:flex;flex-direction:column;margin-bottom:100px;width:100%}.aboutMe ul{font-size:16px;padding:10px;width:100%}.aboutMePage h2{font-size:23px;padding-bottom:50px;padding-top:20px}.exprience{flex-direction:column}.exprience,.skills{color:#fff;display:flex;margin-bottom:100px;width:100%}.skills{align-items:center}.HardSkillsIcons{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.HardSkillsIcons svg{display:flex;height:95px;justify-content:center;padding:20px;width:95px}}@media screen and (min-width:320px) and (max-width:768px){.aboutMePage{margin:100px auto auto;width:95%}.aboutMe h1{font-size:25px}.aboutMePage p{border-right:3px solid #0000;font-size:16px;padding:10px;text-align:justify;width:100%}.aboutMe{color:#fff;display:flex;flex-direction:column;margin-bottom:50px;width:95%}.aboutMe ul{font-size:16px;padding:10px;width:100%}.aboutMePage h2{font-size:23px;padding-bottom:50px;padding-top:20px}.exprience{flex-direction:column;width:95%}.exprience,.skills{color:#fff;display:flex;margin-bottom:50px}.skills{align-items:center;width:100%}.HardSkillsIcons{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.HardSkillsIcons svg{display:flex;height:95px;justify-content:center;padding:20px;width:95px}}.cardsMap{align-items:center;display:flex;flex-wrap:wrap;height:50%;left:50%;list-style:none;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.card{background-color:#fff;border:3px solid;border-radius:10px;height:85%;margin:10px;opacity:1;padding:9px;position:relative;width:30%}.projectImg img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;height:300px;transition:filter .5s cubic-bezier(.43,.41,.22,.91);width:100%}.cardBody{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:10px;padding:10px}.cardTitle{color:#000;font-size:25px;font-weight:bolder;letter-spacing:2px;padding:10px;text-transform:uppercase}.cardText p{font-size:18px;line-height:1.5;margin-bottom:1.25rem;margin-top:20px}.btn{background-color:#fff;border:3px solid;border-radius:10px;bottom:3%;color:#102c57;font-size:large;font-weight:700;height:35px;position:absolute;width:90%}@media screen and (min-width:769px) and (max-width:2290px){.cardsMap{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;width:90%}.card{background-color:#fff;border:3px solid;border-radius:10px;height:400px;opacity:1;position:relative;width:400px}.projectImg img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;height:200px;transition:filter .5s cubic-bezier(.43,.41,.22,.91);width:100%}.cardBody{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:5px;padding:10px}.cardTitle{color:#000;font-size:14px;letter-spacing:2px;padding:5px;text-transform:uppercase}.cardText p{font-size:12px;line-height:1;text-align:justify}.btn{background-color:#fff;border:1.5px solid;border-radius:10px;bottom:3%;color:#102c57;font-size:medium;font-weight:700;height:35px;position:absolute;width:90%}}@media screen and (min-width:426px) and (max-width:768px){.cardsMap{align-items:center;display:flex;flex-wrap:wrap;gap:170px;justify-content:center;width:70%}.card{background-color:#fff;border:3px solid;border-radius:10px;height:400px;opacity:1;position:relative;width:80%}.projectImg img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;height:200px;transition:filter .5s cubic-bezier(.43,.41,.22,.91);width:100%}.cardBody{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:5px;padding:10px}.cardTitle{color:#000;font-size:16px;letter-spacing:2px;padding:10px;text-transform:uppercase}.cardText p{font-size:14px;line-height:1;text-align:justify}.btn{background-color:#fff;border:1.5px solid;border-radius:10px;bottom:3%;color:#102c57;font-size:medium;font-weight:700;height:35px;position:absolute;width:90%}}@media screen and (min-width:320px) and (max-width:425px){.cardsMap{align-items:center;display:flex;flex-wrap:wrap;gap:150px;width:80%}.card{background-color:#fff;border:3px solid;border-radius:10px;height:400px;opacity:1;position:relative;width:100%}.projectImg img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;height:200px;transition:filter .5s cubic-bezier(.43,.41,.22,.91);width:100%}.cardBody{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:5px;padding:10px}.cardTitle{color:#000;font-size:12px;letter-spacing:2px;padding:10px;text-transform:uppercase}.cardText p{font-size:12px;line-height:1;text-align:justify}.btn{background-color:#fff;border:1.5px solid;border-radius:10px;bottom:3%;color:#102c57;font-size:medium;font-weight:700;height:35px;position:absolute;width:90%}}.projectContainer1{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:220px;row-gap:25px;width:95%}.projectContainer1 .carrousel .toto{display:flex}.projectContainer1 .carrousel .tata{align-self:center;display:flex;flex-direction:column;padding-right:10px}.projectContainer1 .carrousel .next svg,.projectContainer1 .carrousel .prev svg{height:20px;width:20px}.projectContainer1 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer1 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer1 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer1.carrousel button:hover{transform:scale(1.1)}.projectContainer1 .circles{column-gap:10px;display:flex;justify-content:center;margin-top:10px;width:95%}.projectContainer1 .circle{background-color:#dac0a3;border-radius:100%;display:flex;height:5px;justify-content:center;transition:all .2s ease-in;width:5px}.projectContainer1 .circle.active{background-color:#dac0a3;transform:scale(2)}.projectContainer1 .carrousel div.slide img{height:0;transition:all 60ms ease-in;width:0}.projectContainer1 .carrousel div.slide.current img{height:550px;transition:all 60ms ease-in;width:500px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;height:100%;padding:20px;text-align:justify;width:40%}.projectContainer1 .projectDetails h1{color:#102c57;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer1 .projectDetailsContent p{font-size:large}.projectContainer1 .progLanguages{display:flex;flex-direction:column;gap:50px;width:100%}.projectContainer1 .toolsSvg{display:flex;justify-content:space-evenly}.projectContainer1 .progLanguages svg{display:flex;height:70px;width:70px}@media screen and (max-width:1527px){.projectContainer1{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:100px;row-gap:25px;width:95%}.projectContainer1 .carrousel .toto{align-items:center;display:flex;justify-content:center}.projectContainer1 .carrousel div.slide.current img{height:550px;transition:all 60ms ease-in;width:450px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;font-family:Source Code Pro,monospace;gap:20px;justify-content:center;padding:20px;text-align:justify;width:450px}.projectContainer1 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer1 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer1 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer1 .projectDetails h1{color:#dac0a3;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer1 .projectDetailsContent p{font-size:15px}}@media screen and (min-width:610px) and (max-width:1200px){.projectContainer1{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer1 .carrousel{position:relative}.projectContainer1 .carrousel .next svg,.projectContainer1 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer1 .carrousel .tata button,.projectContainer1 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer1 .carrousel .tata button{background-color:initial;left:12px}.projectContainer1 .carrousel .titi button{background-color:initial;right:12px}.projectContainer1 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:450px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:450px}.projectContainer1 .projectDetailsContent p{font-size:14px}.projectContainer1 .projectDetails h1{color:#102c57;font-size:22px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer1 .progLanguages svg{height:40px;width:40px}}@media screen and (min-width:376px) and (max-width:609px){.projectContainer1{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer1 .carrousel{position:relative}.projectContainer1 .carrousel .next svg,.projectContainer1 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer1 .carrousel .tata button,.projectContainer1 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer1 .carrousel .tata button{background-color:initial;left:12px}.projectContainer1 .carrousel .titi button{background-color:initial;right:12px}.projectContainer1 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:360px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:360px}.projectContainer1 .projectDetailsContent p{font-size:13px;font-size:14px}.projectContainer1 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer1 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:375px){.projectContainer1{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer1 .carrousel{position:relative}.projectContainer1 .carrousel .next svg,.projectContainer1 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer1 .carrousel .tata button,.projectContainer1 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer1 .carrousel .tata button{background-color:initial;left:12px}.projectContainer1 .carrousel .titi button{background-color:initial;right:12px}.projectContainer1 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:200px;width:340px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:340px}.projectContainer1 .projectDetailsContent p{font-size:14px}.projectContainer1 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer1 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer1 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:320px){.projectContainer1{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:95%}.projectContainer1 .carrousel{position:relative}.projectContainer1 .carrousel .next svg,.projectContainer1 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer1 .carrousel .tata button,.projectContainer1 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer1 .carrousel .tata button{background-color:initial;left:12px}.projectContainer1 .carrousel .titi button{background-color:initial;right:12px}.projectContainer1 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:300px}.projectContainer1 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:70px;padding:20px;text-align:justify;width:300px}.projectContainer1 .projectDetails h1{color:#102c57;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer1 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer1 .projectDetailsContent p{font-size:12px}.projectContainer1 .progLanguages{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;width:100%}.projectContainer1 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer1 .progLanguages svg{height:40px;width:40px}}.projectContainer2{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:220px;row-gap:25px;width:95%}.projectContainer2 .carrousel .toto{display:flex}.projectContainer2 .carrousel .tata{align-self:center;display:flex;flex-direction:column;padding-right:10px}.projectContainer2 .carrousel .next svg,.projectContainer2 .carrousel .prev svg{height:20px;width:20px}.projectContainer2 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer2 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer2 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer2 .carrousel button:hover{transform:scale(1.1)}.projectContainer2 .circles{column-gap:10px;display:flex;justify-content:center;margin-top:10px;width:95%}.projectContainer2 .circle{background-color:#dac0a3;border-radius:100%;display:flex;height:5px;justify-content:center;transition:all .2s ease-in;width:5px}.projectContainer2 .circle.active{background-color:#dac0a3;transform:scale(2)}.projectContainer2 .carrousel div.slide img{height:0;transition:all 60ms ease-in;width:0}.projectContainer2 .carrousel div.slide.current img{height:750px;transition:all 60ms ease-in;width:600px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;height:100%;padding:20px;text-align:justify;width:40%}.projectContainer2 .projectDetails h1{color:#102c57;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer2 .projectDetailsContent p{font-size:larger}.projectContainer2 .progLanguages{display:flex;flex-direction:column;gap:50px;width:100%}.projectContainer2 .toolsSvg{display:flex;justify-content:space-evenly}.projectContainer2 .progLanguages svg{display:flex;height:70px;width:70px}@media screen and (max-width:1527px){.projectContainer2{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:100px;row-gap:25px;width:95%}.projectContainer2 .carrousel .toto{align-items:center;display:flex;justify-content:center}.projectContainer2 .carrousel div.slide.current img{height:600px;transition:all 60ms ease-in;width:450px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;font-family:Source Code Pro,monospace;gap:20px;justify-content:center;padding:20px;text-align:justify;width:450px}.projectContainer2 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer2 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer2 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer2 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer2 .projectDetailsContent p{font-size:15px}}@media screen and (min-width:610px) and (max-width:1200px){.projectContainer2{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer2 .carrousel{position:relative}.projectContainer2 .carrousel .next svg,.projectContainer2 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer2 .carrousel .tata button,.projectContainer2 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer2 .carrousel .tata button{background-color:initial;left:12px}.projectContainer2 .carrousel .titi button{background-color:initial;right:12px}.projectContainer2 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:450px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:450px}.projectContainer2 .projectDetailsContent p{font-size:14px}.projectContainer2 .projectDetails h1{color:#dac0a3;font-size:22px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer2 .progLanguages svg{height:40px;width:40px}}@media screen and (min-width:376px) and (max-width:609px){.projectContainer2{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer2 .carrousel{position:relative}.projectContainer2 .carrousel .next svg,.projectContainer2 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer2 .carrousel .tata button,.projectContainer2 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer2 .carrousel .tata button{background-color:initial;left:12px}.projectContainer2 .carrousel .titi button{background-color:initial;right:12px}.projectContainer2 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:360px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:360px}.projectContainer2 .projectDetailsContent p{font-size:13px;font-size:14px}.projectContainer2 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer2 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:375px){.projectContainer2{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer2 .carrousel{position:relative}.projectContainer2 .carrousel .next svg,.projectContainer2 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer2 .carrousel .tata button,.projectContainer2 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer2 .carrousel .tata button{background-color:initial;left:12px}.projectContainer2 .carrousel .titi button{background-color:initial;right:12px}.projectContainer2 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:200px;width:340px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:340px}.projectContainer2 .projectDetailsContent p{font-size:14px}.projectContainer2 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer2 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer2 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:320px){.projectContainer2{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:95%}.projectContainer2 .carrousel{position:relative}.projectContainer2 .carrousel .next svg,.projectContainer2 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer2 .carrousel .tata button,.projectContainer2 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer2 .carrousel .tata button{background-color:initial;left:12px}.projectContainer2 .carrousel .titi button{background-color:initial;right:12px}.projectContainer2 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:300px}.projectContainer2 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:70px;padding:20px;text-align:justify;width:300px}.projectContainer2 .projectDetails h1{color:#102c57;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer2 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer2 .projectDetailsContent p{font-size:12px}.projectContainer2 .progLanguages{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;width:100%}.projectContainer2 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer2 .progLanguages svg{height:40px;width:40px}}body{opacity:1}.projectContainer3{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:220px;row-gap:25px;width:95%}.projectContainer3 .carrousel .toto{display:flex}.projectContainer3 .carrousel .tata{align-self:center;display:flex;flex-direction:column;padding-right:10px}.projectContainer3 .carrousel .next svg,.projectContainer3 .carrousel .prev svg{height:20px;width:20px}.projectContainer3 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer3 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer3 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer3.carrousel button:hover{transform:scale(1.1)}.projectContainer3 .circles{column-gap:10px;display:flex;justify-content:center;margin-top:10px;width:95%}.projectContainer3 .circle{background-color:#dac0a3;border-radius:100%;display:flex;height:5px;justify-content:center;transition:all .2s ease-in;width:5px}.projectContainer3 .circle.active{background-color:#dac0a3;transform:scale(2)}.projectContainer3 .carrousel div.slide img{height:0;transition:all 60ms ease-in;width:0}.projectContainer3 .carrousel div.slide.current img{height:750px;transition:all 60ms ease-in;width:700px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;height:100%;padding:20px;text-align:justify;width:40%}.projectContainer3 .projectDetails h1{color:#102c57;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer3 .projectDetailsContent p{font-size:larger}.projectContainer3 .progLanguages{display:flex;flex-direction:column;gap:50px;width:100%}.projectContainer3 .toolsSvg{display:flex;justify-content:space-evenly}.projectContainer3 .progLanguages svg{display:flex;height:70px;width:70px}@media screen and (max-width:1527px){.projectContainer3{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:100px;row-gap:25px;width:95%}.projectContainer3 .carrousel .toto{align-items:center;display:flex;justify-content:center}.projectContainer3 .carrousel div.slide.current img{height:600px;transition:all 60ms ease-in;width:450px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;font-family:Source Code Pro,monospace;gap:20px;justify-content:center;padding:20px;text-align:justify;width:450px}.projectContainer3 .carrousel .tata button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer3 .carrousel .titi{align-self:center;display:flex;flex-direction:column;padding-left:10px}.projectContainer3 .carrousel .titi button{align-items:center;background-color:#dac0a3;border:none;border-radius:5px;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.projectContainer3 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer3 .projectDetailsContent p{font-size:15px}}@media screen and (min-width:610px) and (max-width:1200px){.projectContainer3{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer3 .carrousel{position:relative}.projectContainer3 .carrousel .next svg,.projectContainer3 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer3 .carrousel .tata button,.projectContainer3 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer3 .carrousel .tata button{background-color:initial;left:12px}.projectContainer3 .carrousel .titi button{background-color:initial;right:12px}.projectContainer3 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:450px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:450px}.projectContainer3 .projectDetailsContent p{font-size:14px}.projectContainer3 .projectDetails h1{color:#102c57;font-size:22px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer3 .progLanguages svg{height:40px;width:40px}}@media screen and (min-width:376px) and (max-width:609px){.projectContainer3{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer3 .carrousel{position:relative}.projectContainer3 .carrousel .next svg,.projectContainer3 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer3 .carrousel .tata button,.projectContainer3 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer3 .carrousel .tata button{background-color:initial;left:12px}.projectContainer3 .carrousel .titi button{background-color:initial;right:12px}.projectContainer3 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:360px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:360px}.projectContainer3 .projectDetailsContent p{font-size:13px;font-size:14px}.projectContainer3 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer3 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:375px){.projectContainer3{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.projectContainer3 .carrousel{position:relative}.projectContainer3 .carrousel .next svg,.projectContainer3 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer3 .carrousel .tata button,.projectContainer3 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer3 .carrousel .tata button{background-color:initial;left:12px}.projectContainer3 .carrousel .titi button{background-color:initial;right:12px}.projectContainer3 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:200px;width:340px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:80px;padding:20px;text-align:justify;width:340px}.projectContainer3 .projectDetailsContent p{font-size:14px}.projectContainer3 .projectDetails h1{color:#102c57;font-size:20px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer3 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer3 .progLanguages svg{height:40px;width:40px}}@media screen and (max-width:320px){.projectContainer3{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:95%}.projectContainer3 .carrousel{position:relative}.projectContainer3 .carrousel .next svg,.projectContainer3 .carrousel .prev svg{color:#dac0a3;height:15px;width:15px}.projectContainer3 .carrousel .tata button,.projectContainer3 .carrousel .titi button{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;top:50%;width:20px;z-index:1}.projectContainer3 .carrousel .tata button{background-color:initial;left:12px}.projectContainer3 .carrousel .titi button{background-color:initial;right:12px}.projectContainer3 .carrousel div.slide.current img{height:500px;transition:all 60ms ease-in;width:300px}.projectContainer3 .projectDetails{background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;gap:20px;margin-bottom:70px;padding:20px;text-align:justify;width:300px}.projectContainer3 .projectDetails h1{color:#102c57;font-size:18px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetails h2{color:#000;font-size:16px;margin-bottom:5px;margin-top:10px}.projectContainer3 .projectDetailsContent{display:flex;flex-direction:column;gap:20px}.projectContainer3 .projectDetailsContent p{font-size:12px}.projectContainer3 .progLanguages{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;width:100%}.projectContainer3 .progLanguages .toolsSvg{column-gap:5px;display:flex;flex-wrap:wrap;row-gap:10px}.projectContainer3 .progLanguages svg{height:40px;width:40px}}.contact{left:10%;position:absolute;top:20%;width:75%}.contact h1{color:#fff;font-size:50px;margin-bottom:100px;margin-left:85px}.left h2{margin-bottom:50px}.contact h3{margin-bottom:10px}.contact h4{color:green;font-size:large;margin:10px}.contact span{color:#dac0a3}.contact .conteneur{display:flex;flex-wrap:wrap;margin:auto;width:90%}.contact .conteneur .left{color:#fff;display:flex;flex-direction:column;font-size:25px;row-gap:20px;width:40%}.mail,.phone{display:flex;margin-top:15px}.contactMeSvg{animation:bell 2s cubic-bezier(.455,.03,.515,.955) infinite;color:#dac0a3;margin-right:20px;margin-top:20px}.form,.form text{display:none}@keyframes bell{0%,20%,40%,60%,80%{transform:translateY(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translateY(-5px) rotate(5deg)}25%,55%,85%{transform:translateY(-7px) rotate(-5deg)}45%,75%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.contactMe p{padding-bottom:20px;width:90%}.contact .conteneur .right{display:flex;flex-wrap:wrap;opacity:.6;width:60%}.contact .conteneur .right .input{column-gap:20px;display:flex;width:100%}.contact .conteneur #subject{border:2px solid #dac0a3;border-radius:30px;height:60px;width:445px}.contact .conteneur .right .input input{border:2px solid #dac0a3;border-radius:30px;height:60px;text-align:center;width:200px}.contact .conteneur .right .input input::placeholder{text-align:center}.contact .conteneur .right textarea{border:2px solid #dac0a3;border-radius:30px;padding-left:15px;padding-top:10px;width:95%}.contact .conteneur .right textarea::placeholder{padding-left:20px;padding-top:10px}.contact .conteneur .right .submit{width:100%}.contact .conteneur .right .submit button{align-items:center;border:2px solid #dac0a3;border-radius:30px;display:flex;height:60px;justify-content:center;margin-top:20px;padding:10px 20px;width:250px}@media screen and (min-width:1025px) and (max-width:2000px){.contact{left:10%;padding:10px;position:absolute;top:20%;width:90%}.contact h1{color:#fff;font-size:35px;margin-bottom:50px;margin-left:100px;margin-top:30px}.contact .conteneur{align-content:center;display:flex;width:100%}.left h2{font-size:20px;margin-bottom:25px}.contact h3{margin-bottom:5px}.contact span{color:#dac0a3}.contact .conteneur .left{color:#fff;display:flex;flex-direction:column;font-size:18px;row-gap:0;width:40%}.mail,.phone{display:flex;margin-top:10px}.contactMeSvg{margin-top:20px}.form{align-items:stretch;display:flex;margin-top:10px}.contactMeSvg{color:#dac0a3;margin-right:20px;margin-top:3px}.contactMe p{font-size:18px;padding-bottom:20px;width:90%}.contact .conteneur .right{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:150px;opacity:.7;width:60%}.contact .conteneur .right .input{column-gap:10px;display:flex;flex-wrap:wrap;gap:10px;width:90%}.contact .conteneur #subject{border:2px solid #dac0a3;border-radius:30px;height:50px;width:45%}.contact .conteneur .right textarea{border:2px solid #dac0a3;border-radius:30px;padding-left:15px;padding-top:10px;width:90%}.contact .conteneur .right .input input{border:2px solid #dac0a3;border-radius:30px;height:50px;text-align:center;width:25%}.contact .conteneur .right .submit button{align-items:center;border:2px solid #dac0a3;border-radius:30px;display:flex;height:50px;justify-content:center;margin-left:35px;width:250px}}@media screen and (min-width:426px) and (max-width:1024px){.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.contact h1{color:#fff;font-size:35px;margin-left:0}.left h2{font-size:25px;margin-bottom:15px}.contact .conteneur{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:100%}.contactMe p{font-size:20px;padding-bottom:20px;width:90%}.contact .conteneur .right{margin-bottom:150px;row-gap:30px}.contact .conteneur .left,.contact .conteneur .right{color:#fff;display:flex;flex-direction:column;font-size:16px;justify-content:center;width:90%}.contact .conteneur .left{margin-bottom:180px;row-gap:20px}.form{align-items:stretch;display:flex;margin-top:15px}.contactMeSvg{color:#dac0a3;margin-right:20px;margin-top:3px}.contact .conteneur .right .input{column-gap:5px;display:flex;flex-wrap:wrap;height:95px;justify-content:center;width:100%}.contact .conteneur .right .input input{border:2px solid #dac0a3;border-radius:30px;height:40px;text-align:center;width:30%}.contact .conteneur #subject{border:2px solid #dac0a3;border-radius:30px;height:40px;width:37%}contact .conteneur .right textarea{border:2px solid #dac0a3;border-radius:30px;padding-left:15px;padding-top:10px;width:65%}.contact .conteneur .right .submit button{align-items:center;border:2px solid #dac0a3;border-radius:30px;display:flex;height:40px;justify-content:center;margin-left:30px;margin-top:20px;padding:10px 20px;width:100px}}@media screen and (min-width:321px) and (max-width:425px){.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;width:90%}.contact h1{color:#fff;font-size:30px;margin-left:0;margin-right:40px}.left h2{font-size:18px;margin-bottom:15px}.contact .conteneur{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:100%}.contactMe p{font-size:16px;padding-bottom:20px;width:95%}.contact .conteneur .right{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:100px;opacity:.6;width:90%}.contact .conteneur .left{color:#fff;display:flex;flex-direction:column;font-size:16px;justify-content:center;margin-bottom:150px;row-gap:20px;width:90%}.form{align-items:stretch;display:flex;margin-top:15px}.contactMeSvg{color:#dac0a3;margin-right:20px;margin-top:3px}.contact .conteneur .right .input{column-gap:5px;display:flex;flex-wrap:wrap;height:95px;justify-content:center;width:100%}.contact .conteneur .right .input input{border:2px solid #dac0a3;border-radius:30px;height:40px;text-align:center;width:45%}.contact .conteneur #subject{border:2px solid #dac0a3;border-radius:30px;height:40px;width:92%}contact .conteneur .right textarea{border:2px solid #dac0a3;border-radius:30px;padding-left:15px;padding-top:10px;width:100%}.contact .conteneur .right .submit button{align-items:center;border:2px solid #dac0a3;border-radius:30px;display:flex;height:40px;justify-content:center;margin-left:15px;margin-top:20px;padding:10px 20px;width:83px}}@media screen and (max-width:320px){.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;width:90%}.contact h1{color:#fff;font-size:30px;margin-left:0;margin-right:40px}.left h2{font-size:18px;margin-bottom:15px}.contact h4{color:green;font-size:small;margin:10px}.contact .conteneur{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:100%}.contactMe p{font-size:16px;padding-bottom:20px;width:95%}.contact .conteneur .right{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:100px;opacity:.6;width:90%}.contact .conteneur .left{color:#fff;display:flex;flex-direction:column;font-size:16px;justify-content:center;margin-bottom:150px;row-gap:20px;width:90%}.form{align-items:stretch;display:flex;margin-top:15px}.contactMeSvg{color:#dac0a3;margin-right:20px;margin-top:3px}.contact .conteneur .right .input{column-gap:5px;display:flex;flex-wrap:wrap;height:95px;justify-content:center;width:100%}.contact .conteneur .right .input input{border:2px solid #dac0a3;border-radius:30px;height:40px;text-align:center;width:45%}.contact .conteneur #subject{border:2px solid #dac0a3;border-radius:30px;height:40px;width:93%}contact .conteneur .right textarea{border:2px solid #dac0a3;border-radius:30px;padding-left:15px;padding-top:10px;width:100%}.contact .conteneur .right .submit button{align-items:center;border:2px solid #dac0a3;border-radius:30px;display:flex;height:40px;justify-content:center;margin-left:15px;margin-top:20px;padding:10px 20px;width:83px}}body{font-family:Source Code Pro,monospace;margin:0;padding:0}.nav-menu{position:fixed;right:1%;top:40%;width:10%}.nav-link{position:absolute;right:1%;top:0}.nav a{text-decoration:none}.nav .items{height:50px;justify-content:center;margin-bottom:10px;padding:15px;transition:all .3s ease;width:50px}.nav .items,.nav .items.active{align-items:center;background-color:#dac0a3;border-radius:30px;display:flex}.nav .items.active{column-gap:10px;justify-content:flex-start;width:170px}.nav .icon-title{align-items:center;color:#102c57;display:flex;font-size:16px}.nav .titre.active{color:#102c57;display:flex;font-size:25px;justify-content:center;padding-left:5px}.nav h3{display:none;font-size:12px;margin-left:10px;transition:opacity .3s ease}.nav .icons{height:40px;justify-content:flex-start;position:fixed;width:40px}.svg{height:35px;width:35px}@media screen and (max-width:2000px){.nav-list{bottom:10px;display:flex;gap:10px;left:50%;position:fixed;transform:translateX(-50%)}.nav .items{justify-content:center;margin-bottom:10px;padding:15px;transition:all .3s ease;width:40px;z-index:1000}.nav .items,.nav .items.active{align-items:center;background-color:#dac0a3;border-radius:30px;display:flex;height:40px}.nav .items.active{column-gap:10px;justify-content:flex-start;width:140px}.nav .icons,.svg{height:30px;width:30px}.nav .icons{justify-content:flex-start;position:fixed}.nav .titre.active{color:#102c57;display:flex;font-size:18px;justify-content:center;padding-left:5px}}@media screen and (min-width:320px) and (main-width:768px){.nav-list{bottom:10px;gap:10px;left:50%;position:fixed;transform:translateX(-50%);width:90%}.nav .titre.active{color:#102c57;display:flex;font-size:18px;justify-content:center;padding-left:5px}.nav .items{height:35px;justify-content:center;margin-bottom:10px;padding:15px;transition:all .3s ease;width:35px;z-index:1000}.nav .items,.nav .items.active{align-items:center;background-color:#dac0a3;border-radius:30px;display:flex}.nav .items.active{column-gap:10px;justify-content:flex-start;width:150px}.nav .icons{height:15px;justify-content:flex-start;position:fixed;width:15px}.svg{height:20px;width:20px}}
/*# sourceMappingURL=main.036e3ba3.css.map*/