body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App,body{background-color:#131313}.App{padding:25px}.header{align-items:center;display:flex;justify-content:space-around;margin-top:58px}.logo{width:200px}.menu{width:60px}nav{gap:30px}nav,nav button{align-items:center;display:flex;justify-content:center}nav button{background-color:#c9f31d;border:none;border-radius:100%;cursor:pointer;height:50px;outline:none;padding:15px;width:53px}nav a{text-decoration:none}.fa-briefcase,.fa-envelope,.fa-house,.fa-user{font-size:25px}.carrier{background-color:#070707;border-radius:10px;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;width:22vw}.carrier,.carrier article{align-items:center;display:flex}.carrier article{border-bottom:1px solid hsla(0,0%,100%,.1);flex-direction:row;gap:12px;padding:20px 0;width:80%}.carrier article:last-child{border-bottom:none}.carrier article h3{color:#c9f31d;font-size:30px}.carrier article p{color:hsla(0,0%,100%,.65)}.hello{color:hsla(0,0%,100%,.35)}.name{color:#c9f31d}.domaine{color:#fff}.myDesc{color:hsla(0,0%,100%,.65)}.download{background-color:#c9f31d;border:none;border-radius:10px;color:#000;font-weight:900;outline:none;padding:15px}.description{display:flex;flex-direction:column;gap:25px;width:30vw}.description h1,.description h3{font-size:40px}.description article:last-child{display:flex;flex-direction:column;gap:25px}.description article:last-child button{cursor:pointer;width:13vw}.Divimage{width:39vw}.imgsShap{border-radius:0 0 250px 250px;height:429px;overflow:hidden;position:relative;width:429px}.circl{background-color:#000;border-radius:100%;height:245px;top:38px;width:245px}.circl,.shap{position:absolute}.shap{right:6px;top:53px;width:97%}.developer{left:5px;position:absolute;rotate:-2deg;top:-413px;width:100%}.about{display:flex;padding-top:60px}.aboutDesc{display:flex;flex-direction:column;gap:22px;justify-content:center;width:40vw}.aboutDesc p:first-child{color:hsla(0,0%,100%,.65)}.aboutDesc h1{color:#fff;font-size:43px}.aboutDesc h1 span{color:#c9f31d}.aboutDesc p:last-child{color:hsla(0,0%,100%,.65);font-size:20px}.aboutSkills{display:flex;flex-wrap:wrap;gap:20px;justify-content:start;width:60vw}.aboutSkills article{align-items:center;background-color:#1f1f1f;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;padding:5px 20px 10px;width:22%}.aboutSkills article:hover{border:1px solid #c9f31d;transition:.8s}.aboutSkills article:hover p:last-child{background-color:#c9f31d;border:1px solid #c9f31d;color:#131313;transition:.8s}.aboutSkills article .lang{color:#fff;font-size:20px;font-weight:700}.aboutSkills article p:last-child{background-color:#131313;border-radius:10px;color:hsla(0,0%,100%,.35);padding:10px;text-align:center;width:100%}.aboutSkills article i{color:hsla(0,0%,100%,.35);font-size:100px}.aboutSkills article:hover i{color:#c9f31d;transition:.8s}.diploms{padding-top:60px}.diploms h1{color:#fff;font-size:35px;margin:auto;padding-bottom:30px;text-align:center;width:40vw}.diploms h1 span{color:#c9f31d}.diploms article{flex-wrap:wrap;gap:20px}.diploms .diplom,.diploms article{display:flex;justify-content:space-between}.diploms .diplom{align-items:center;background-color:#1f1f1f;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:15px;width:49%}.diploms .diplom:hover{border-color:#c9f31d;transition:.5s}.diploms .diplom article i{background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:100%;color:#fff;font-size:20px;padding:10px}.diploms .diplom:hover i{background-color:#c9f31d;color:#000;transition:.9s}.diploms .diplom:hover article:first-child h3{color:#c9f31d;transition:.5s}.diplom .descDip{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.diplom .descDip p:first-child{color:#fff;font-size:25px;font-weight:700;text-align:center}.diplom .descDip p:last-child{color:hsla(0,0%,100%,.65);width:375px}.diploms .diplom article:first-child h3{background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;padding:10px}.sectionExperiences{padding-top:40px}.experiences{align-items:center;background-color:#1f1f1f;border:3px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;gap:30px;padding:20px;width:100%}.experiences .experienceLeft{display:flex;flex-wrap:wrap;gap:20px}.experiences .experienceRight{display:flex;gap:20px}.titleExperComp{color:#fff;font-size:40px;margin:auto;padding-bottom:20px;text-align:center;width:40vw}.titleExperComp span{color:#c9f31d}article .dateExper{color:hsla(0,0%,100%,.35);font-size:20px;font-weight:700}article .titleExper{color:#fff;font-size:18px;font-weight:700}article .descExper{color:hsla(0,0%,100%,.35)}.artExper i{background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:100%;color:#fff;font-size:20px;padding:10px}.contentExper{display:flex;flex-direction:column;gap:10px}.exper{display:flex;gap:20px;padding-right:15px;width:30%}.exper:first-child,.exper:nth-child(2),.exper:nth-child(3){border-right:1px solid hsla(0,0%,100%,.1)}.exper:hover i{background-color:#c9f31d;color:#000;transition:.9s}.portfolio{padding-top:40px}.imgProject{height:100%}.projects img{border:3px solid hsla(0,0%,100%,.1);border-radius:10px;height:100%;width:100%}.portfolio h1{color:#fff;font-size:40px}.portfolio .descWorks{color:#fff;font-size:25px;font-weight:700;margin:auto;padding-bottom:50px;text-align:center;width:550px}.portfolio .descWorks span{color:#c9f31d}.projects{position:relative;text-align:center;width:20%}.portfolio h1:first-child{padding-bottom:30px;text-align:center}.portfolio .projectPortfolio{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.projects:hover .hoverPortfolio{opacity:.8;transition:.9s}.hoverPortfolio article p{color:#000;font-weight:900}.hoverPortfolio article:last-child{display:flex;gap:15px;justify-content:center}.hoverPortfolio{background-color:#c9f31d;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:98%;justify-content:center;opacity:0;position:absolute;top:0;width:100%}.hoverPortfolio i{background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:100%;color:#fff;font-size:20px;opacity:1;padding:7px}.contact{align-items:center;display:flex;flex-direction:column;height:75vh;justify-content:center}.contact i{align-self:center;background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:100%;color:#fff;font-size:20px;padding:10px}.contact h1{color:#fff;font-size:40px;padding-bottom:35px;text-align:center}.contact .sousContact{align-items:center;background-color:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;gap:50px;justify-content:center;padding:15px;width:-webkit-max-content;width:max-content}.contact .sousContact:hover{border:1.5px solid #c9f31d;transition:.8s}.contact .sousContact:hover i{background-color:#c9f31d;color:#000;transition:.8s}.contact .sousContact article p:first-child{color:hsla(0,0%,100%,.35);font-size:18px}.contact .sousContact article p:last-child{color:#fff;font-size:20px}.contact .sousContact article:first-child,.contact .sousContact article:nth-child(2),.contact .sousContact article:nth-child(3){display:flex;gap:15px}.contact .sousContact article:first-child article:nth-child(2),.contact .sousContact article:nth-child(2) article:nth-child(2),.contact .sousContact article:nth-child(3) article:nth-child(2){display:flex;flex-direction:column;gap:7px}.contact .sociels{display:flex;gap:15px;padding-top:30px}.contact .fa-location-dot{text-align:center;width:44px}.contact .sociels i:hover{border-color:#c9f31d;transition:.8s}@media (max-width:400px){.header{align-items:center;flex-direction:column;gap:50px;justify-content:normal;margin-top:21px}.developer{left:-1px;position:absolute;rotate:-2deg;top:-206px;width:100%}.shap{right:3px;top:25px;width:96%}.app{padding:13px}.description{width:100%}.description article:last-child button{width:57vw}.Divimage{display:flex;justify-content:center;width:100%}.imgsShap{height:200px;width:208px}.circl{height:170px;left:6px;top:4px;width:170px}.carrier{width:100%}.carrier article p{display:flex;flex-direction:column}.description h1,.description h3{font-size:25px}.myDesc{font-size:12px}nav button{height:40px;width:40px}nav button i{font-size:2px}nav{gap:17px;padding-bottom:30px}.diploms .diplom{flex-direction:column-reverse;gap:10px;width:100%}.diplom .descDip p:first-child{width:284px}.diplom .descDip p:last-child{width:278px}.experiences .experienceLeft{flex-direction:column-reverse}.titleExperComp{font-size:35px;width:66vw}}@media (min-width:401px) and (max-width:700px){.header{align-items:center;flex-direction:column;gap:50px;justify-content:normal;margin-top:21px}.developer{left:4px;position:absolute;rotate:-2deg;top:-305px;width:100%}.shap{right:2px;top:28px;width:97%}.app{padding:13px}.description{width:100%}.description article:last-child button{width:40vw}.Divimage{display:flex;justify-content:center;width:100%}.imgsShap{height:300px;width:308px}.circl{height:210px;left:11px;top:10px;width:210px}.carrier{width:100%}.carrier article p{display:flex;flex-direction:column}.description h1,.description h3{font-size:25px}.myDesc{font-size:12px}nav button{height:55px;width:55px}nav button i{font-size:35px}nav{gap:17px;padding-bottom:30px}}@media (min-width:701px) and (max-width:1000px){.header{align-items:center;flex-direction:row-reverse;flex-wrap:wrap;gap:50px;justify-content:normal;margin-top:21px}.developer{left:4px;position:absolute;rotate:-2deg;top:-306px;width:100%}.description article:last-child{display:flex;flex-direction:column;gap:25px;width:100%}.shap{right:2px;top:28px;width:100%}.app{padding:13px}.description{width:45%}.description article:last-child button{width:60%}.Divimage{display:flex;justify-content:center;width:45%}.imgsShap{height:300px;width:308px}.circl{height:210px;left:11px;top:10px;width:210px}.carrier{margin:auto;width:55%}.carrier article p{display:flex;flex-direction:row}.description h1,.description h3{font-size:25px}.myDesc{font-size:12px}nav button{height:60px;width:60px}nav button i{font-size:30px}nav{gap:17px;padding-bottom:30px}}@media (min-width:1001px) and (max-width:1300px){.header{align-items:center;flex-direction:row;gap:50px;justify-content:normal;margin-top:30px}.developer{left:2px;position:absolute;rotate:-2deg;top:-307px;width:100%}.description article:last-child{display:flex;flex-direction:column;gap:25px;width:100%}.shap{right:2px;top:28px;width:100%}.app{padding:13px}.description{width:30%}.description article:last-child button{width:60%}.Divimage{display:flex;justify-content:center;width:30%}.imgsShap{height:300px;width:308px}.circl{height:210px;left:11px;top:10px;width:210px}.carrier{margin:auto;width:30%}.carrier article p{display:flex;flex-direction:row}.description h1,.description h3{font-size:25px}.myDesc{font-size:12px}nav button{height:60px;width:60px}nav button i{font-size:30px}nav{gap:17px;padding-bottom:30px}}@media (max-width:350px){.aboutDesc{display:flex;gap:22px;justify-content:center;width:100%}.about,.aboutDesc{flex-direction:column}.about{gap:41px;padding-top:14px}.aboutSkills{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;width:100%}.aboutSkills article{gap:30px;height:226px;width:72%}nav button{height:50px;width:50px}.diploms h1{font-size:25px;width:100%}.diploms .diplom{flex-direction:column-reverse;gap:16px;width:100%}.diplom .descDip,.diplom .descDip p:last-child{width:100%}.diplom .descDip p:first-child{font-size:1rem;width:100%}.diploms .diplom article i{font-size:31px;padding:14px}.titleExperComp{color:#fff;font-size:24px;padding-bottom:20px;text-align:center;width:100%}.exper,.experiences .experienceLeft{flex-direction:column}.exper{align-items:center;width:100%}.experiences{padding:10px;text-align:center}article .dateExper{font-size:16px}article .titleExper{font-size:15px}.exper:first-child,.exper:nth-child(2){border-bottom:1px solid hsla(0,0%,100%,.1);border-right:none}.exper:first-child,.exper:nth-child(2),.exper:nth-child(3){border-right:none;padding-bottom:7px}.artExper i{font-size:31px;padding:14px}}@media (min-width:351px) and (max-width:600px){.aboutDesc{display:flex;gap:22px;justify-content:center;width:100%}.about,.aboutDesc{flex-direction:column}.about{gap:41px;padding-top:14px}.aboutSkills{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;width:100%}.aboutSkills article{height:219px;width:100%}}@media (min-width:401px) and (max-width:600px){.aboutDesc{display:flex;gap:22px;justify-content:center;width:100%}.about,.aboutDesc{flex-direction:column}.about{gap:41px;padding-top:14px}.aboutSkills{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.aboutSkills article{gap:17px;height:194px;width:45%}nav button{height:50px;width:50px}.diploms h1{font-size:30px;width:66%}.diploms .diplom{flex-direction:column-reverse;gap:16px;width:100%}.diplom .descDip,.diplom .descDip p:last-child{width:100%}.diplom .descDip p:first-child{font-size:1rem;width:100%}.diploms .diplom article i{font-size:31px;padding:14px}.titleExperComp{color:#fff;font-size:30px;padding-bottom:20px;text-align:center;width:66%}.exper,.experiences .experienceLeft{flex-direction:column}.exper{align-items:center;width:100%}.experiences{padding:10px;text-align:center}article .dateExper{font-size:16px}article .titleExper{font-size:15px}.exper:first-child,.exper:nth-child(2){border-bottom:1px solid hsla(0,0%,100%,.1);border-right:none}.exper:first-child,.exper:nth-child(2),.exper:nth-child(3){border-right:none;padding-bottom:7px}.artExper i{font-size:31px;padding:14px}}@media (min-width:601px) and (max-width:1300px){.aboutDesc{display:flex;gap:22px;justify-content:center;width:100%}.about,.aboutDesc{flex-direction:column}.about{gap:41px;padding-top:14px}.aboutSkills{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.aboutSkills article{gap:17px;height:194px;width:25%}nav button{height:50px;width:50px}.diploms h1{font-size:30px;width:66%}.diploms .diplom{flex-direction:column-reverse;gap:16px;width:45%}.diploms article{gap:30px;justify-content:center}.diplom .descDip,.diplom .descDip p:last-child{width:100%}.diplom .descDip p:first-child{font-size:1rem;width:100%}.diploms .diplom article i{font-size:31px;padding:14px}.titleExperComp{color:#fff;font-size:30px;padding-bottom:20px;text-align:center;width:66%}.experiences .experienceLeft{flex-direction:row;flex-wrap:wrap;justify-content:center}.exper{align-items:center;flex-direction:column}.experiences{padding:10px;text-align:center}article .dateExper{font-size:16px}article .titleExper{font-size:15px}.exper:first-child{border-left:1px solid hsla(0,0%,100%,.1);padding-left:10px}.exper:first-child,.exper:nth-child(2){border-bottom:none;border-right:1px solid hsla(0,0%,100%,.1)}.exper:first-child,.exper:nth-child(2),.exper:nth-child(3){border-bottom:none;padding-right:10px;width:45%}.artExper i{font-size:31px;padding:14px}}.maintenance{align-items:center;background-color:#131313;color:#fff;display:flex;flex-direction:column;height:75vh;justify-content:center;padding:20px;text-align:center}.maintenance h1{font-size:40px;margin-bottom:20px}.maintenance p{color:hsla(0,0%,100%,.75);font-size:20px;margin-bottom:30px}.maintenance .contact-info{display:flex;flex-direction:column;gap:15px}.maintenance .contact-info a{align-items:center;background-color:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;display:flex;font-size:18px;gap:10px;padding:10px 20px;text-decoration:none;transition:.8s}.maintenance .contact-info a:hover{background-color:#c9f31d;border-color:#c9f31d;color:#000}.maintenance .contact-info i{background-color:#131313;border:3px solid hsla(0,0%,100%,.1);border-radius:100%;color:#fff;font-size:20px;padding:10px}.maintenance .contact-info a:hover i{background-color:#000;color:#c9f31d}@media (max-width:500px){.portfolio .descWorks{font-size:16px;width:100%}.projects{width:45%}}@media (min-width:501px) and (max-width:650px){.portfolio .descWorks{font-size:22px;width:100%}.projects{width:45%}}@media (min-width:651px) and (max-width:900px){.portfolio .descWorks{font-size:22px;width:80%}.projects{width:31%}}@media(max-width:375px){.contact .sousContact{align-items:baseline;flex-direction:column;width:100%}.contact .sousContact article p:last-child{display:flex;flex-direction:column}.contact .sousContact article:first-child,.contact .sousContact article:nth-child(2),.contact .sousContact article:nth-child(3){display:flex;gap:25px}}@media (min-width:376px) and (max-width:500px){.contact .sousContact{align-items:baseline;flex-direction:column;width:100%}.contact .sousContact article p:last-child{display:flex;flex-direction:row;font-size:18px}.contact .sousContact article:first-child,.contact .sousContact article:nth-child(2),.contact .sousContact article:nth-child(3){display:flex;gap:25px}}@media (min-width:501px) and (max-width:800px){.contact .sousContact{align-items:baseline;flex-direction:column;width:75%}.contact .sousContact article p:last-child{display:flex;flex-direction:row;font-size:18px}.contact .sousContact article:first-child,.contact .sousContact article:nth-child(2),.contact .sousContact article:nth-child(3){display:flex;gap:25px}}
/*# sourceMappingURL=main.6db7df7a.css.map*/