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}:root{--backgroup-app:#151312;--backgroup-navbar:#ffffff08;--backgroup-div-orange:#f46c38;--backgroup-div-green:#c5ff41;--backgroup-div-transparent:#fff0;--white:#fff;--h1-gray:#b6b4bd33;--text-gray:#606060;--gray-text:#6a6b6e;--gray-text-p:#998f8f;--border-raduis-8:8px;--border-raduis-16:16px;--border-raduis-10:10px}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/media/Poppins-ExtraBold.01849ee091e1762a5dd5.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:100;src:url(/static/media/Poppins-Thin.59ff6a729e30c99b478e.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}*{font-family:Poppins,sans-serif;font-size:clamp(14px,4vw,30px);margin:0;padding:0}html{min-height:100%}.App,html{height:100%}.App{background:#151312;background:var(--backgroup-app);min-height:100vh;width:100%}.navbar{display:flex;justify-content:center}.contaner{align-items:center;background-color:var(--backgroup-navbar);border-radius:16px;display:flex;flex-wrap:nowrap;gap:18px;height:48px;margin-top:1.5em;padding:0 20px;width:min-content}.contaner,.icon{position:relative}.icon{cursor:pointer}.img-icon{margin-top:10px;padding:4px}.icon:after{background-color:var(--backgroup-navbar);border-radius:16px;color:var(--white);content:attr(data-tooltip);font-size:12px;left:50%;margin-top:20px;opacity:0;padding:3px 20px;position:absolute;transform:translateX(-50%) translateY(0);transition:opacity .5s,visibility .5s,transform .5s;visibility:hidden;white-space:nowrap}.icon:hover:after{opacity:1;transform:translateX(-50%) translateY(40px);visibility:visible}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--backgroup-app)}::-webkit-scrollbar-thumb{background:var(--gray-text);border-radius:4px}@media screen and (min-width:1300px){.global-home-page{display:flex;flex-direction:column;justify-content:center;width:100%}.body-home-page{align-items:center;display:flex;flex-direction:row;gap:100px;margin:auto;max-width:1200px;width:100%}.section{width:100%}}.profil-card-global{background-color:var(--white);margin:2.5em auto auto;max-width:350px;padding:30px;width:70%}.image-container,.profil-card-global{border-radius:var(--border-raduis-16)}.image-container{align-items:start;display:flex;justify-content:center;overflow:hidden;width:100%}.personal-picture{border-radius:var(--border-raduis-16);object-fit:cover;object-position:center;width:150%}.card-bot{display:flex;flex-direction:column;gap:15px;margin-top:1em}.name{font-size:clamp(30px,2vw,35px);font-weight:700;line-height:1;text-align:center}.description{color:var(--gray-text);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.5;text-align:center}.navapp{display:flex;flex-direction:row;gap:20px;justify-content:center}@media screen and (min-width:1300px){.profil-card-global{position:sticky;top:50px}}.section-one{margin-top:2em;width:90%}.section-one,.section-one-h1{display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.section-one-h1{color:var(--white);font-size:Clamp(44px,2vw,52px);line-height:1;text-align:center}.section-one-h1>span{color:var(--h1-gray);font-size:Clamp(42px,2vw,52px)}.section-one-p{color:var(--gray-text-p);font-size:16px;font-weight:400;line-height:1.5;margin-left:auto;margin-right:auto;margin-top:1em;text-align:center;width:90%}.score{flex-direction:row;gap:30px}.score,.score>p{display:flex;margin-left:auto;margin-right:auto}.score>p{color:var(--white);flex-direction:column;font-size:50px;font-weight:600;margin-top:.5em}.score>p>span{color:var(--gray-text-p);font-size:16px;font-weight:400;line-height:1;max-width:100px}.div-block{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:1.5em}.left-block{background-color:var(--backgroup-div-orange);border-radius:var(--border-raduis-10);color:var(--white);display:flex;flex-direction:column;font-size:24px;font-weight:400;gap:20px;line-height:150%;max-width:300px;padding:15px;width:80%}.left-block>img{width:30px}.right-block{background-color:var(--backgroup-div-green);border-radius:var(--border-raduis-10);display:flex;flex-direction:column;font-size:24px;font-weight:400;gap:20px;line-height:150%;max-width:300px;padding:15px;width:80%}.right-block>img{width:30px}.button-arrow-white{border:2px solid var(--white);border-radius:var(--border-raduis-10)}.button-arrow-black,.button-arrow-white{align-items:center;background-color:initial;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:background-color .3s ease;width:40px}.button-arrow-black{border:2px solid #000;border-radius:var(--border-raduis-10)}.arrow-Icon-white{transition:stroke .3s ease}.button-arrow-white:hover{background-color:var(--white)}.button-arrow-white:hover .arrow-Icon-white{stroke:var(--backgroup-div-orange)}.arrow-Icon-black{transition:stroke .3s ease}.button-arrow-black:hover{background-color:#000}.button-arrow-black:hover .arrow-Icon-black{stroke:var(--backgroup-div-green)}@media screen and (min-width:560px) and (max-width:1024px){.left-block{max-width:300px}}@media screen and (min-width:1300px){.section-one{width:100%}.section-one-h1,.section-one-h1>span{font-size:clamp(90px,5vw,110px)}.section-one-h1>span{color:var(--h1-gray)}.section-one-h1{text-align:left}.section-one-p{margin-top:1%;max-width:70%;text-align:left}.score,.section-one-p{margin-left:0;margin-right:0}.score{width:30%}.div-block{justify-content:left}.left-block{max-width:280px;width:70%}.right-block{font-size:24px}}.scroll-animation{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animation.visible{opacity:1;transform:translateY(0)}.section-two{margin-left:auto;margin-right:auto;margin-top:2em;width:83%}.section-one-Two,.section-two{display:flex;flex-direction:column}.section-one-Two{color:var(--white);font-size:45px;line-height:1}.section-one-Two>span{color:var(--h1-gray);font-size:42px}.cards{margin-top:2em}.cards,.section-two-project{display:flex;flex-direction:column}.section-two-project{margin-left:auto;margin-right:auto;margin-top:2.2em;width:95%}.section-one-Two-Project{color:var(--white);font-size:52px;line-height:1;margin-left:auto;margin-right:auto;text-align:center}.section-one-Two-Project>span{color:var(--h1-gray);font-size:52px}@media screen and (min-width:560px) and (max-width:1300px){.section-one-Two,.section-one-Two-Project{text-align:center}}@media screen and (min-width:1300px){.section-two,.section-two-project{width:100%}.section-one-Two{font-size:80px;text-align:left}.section-one-Two>span{font-size:80px}.section-one-Two-Project{margin-left:0;margin-right:0;width:100%}.section-one-Two-Project,.section-one-Two-Project>span{font-size:110px;text-align:left}.cards{display:block}.section-two{margin-top:4em}}.card-project{background-color:var(--backgroup-app);border-radius:var(--border-raduis-16);display:flex;flex-direction:row;gap:5px;padding:8px 2px;transition:background-color .4s ease-out;width:95%}.card-img-container{align-items:center;display:flex;flex-basis:45%;justify-content:center;overflow:hidden}.card-img-container>img{border-radius:var(--border-raduis-16);max-width:300px;padding:8px;width:90%}.details{display:flex;flex-direction:row;position:relative;width:45%}.details-text{display:flex;flex-direction:column;justify-content:center;margin-left:1rem;padding:30px 0}.details-text>h3{color:var(--white);font-size:18px;font-weight:600}.details-text>p{color:var(--text-gray);font-size:16px;font-weight:400}.arrow-svg{stroke:var(--backgroup-div-orange);display:none;transition:transform .2s ease-out}.card-project:hover{background-color:var(--backgroup-navbar)}.card-project:hover .arrow-svg{transform:translate(20px,-5px)}@media screen and (min-width:1300px){.card-project{padding:16px 8px}.details-text>h3{font-size:26px}.details-text>p{font-size:16px}.arrow-svg{display:inline}}.section-three{margin-left:auto;margin-right:auto;margin-top:2em;width:83%}@media screen and (min-width:1300px){.section-three{width:100%}}.Card-Experience{background-color:var(--backgroup-app);border-radius:var(--border-raduis-16);display:flex;flex-direction:column;gap:20px;padding:16px 8px;transition:background-color .4s ease-out;width:95%}.title-Experience{color:var(--white);font-size:24px;font-weight:700}.title-Experience>h2:nth-child(2){color:var(--gray-text);font-size:20px}.details-Experience{display:flex;flex-direction:column;justify-content:center;position:relative}.details-texte-Experience>p{color:var(--gray-text-p);font-size:16px;font-weight:400;line-height:1.5;max-width:100%;overflow:hidden}.details-texte-Experience>p:nth-child(2){margin-top:1em}.arrow-svg-experience{stroke:var(--backgroup-div-orange);display:none;left:90%;position:absolute;top:0;transition:transform .2s ease-in}.Card-Experience:hover{background-color:var(--backgroup-navbar)}.Card-Experience:hover .arrow-svg-experience{transform:translate(20px,-5px)}@media screen and (min-width:1300px){.Card-Experience{padding:16px 8px}.arrow-svg-experience{display:block}.details-texte-Experience>p{font-size:16px;max-width:80%}}.section-four{margin-left:auto;margin-right:auto;margin-top:2em;width:83%}.cards-tech{grid-row-gap:5px;display:grid;grid-template-columns:auto;justify-content:center;margin-top:1em;width:95%}.tech{border-radius:var(--border-raduis-8);display:flex;flex-direction:row;gap:10px;padding:10px;transition:background-color .4s ease-out}.tech>img{height:60px;padding:8px 4px;width:60px}.explain-text{display:flex;flex-direction:column;gap:1px;justify-content:center;max-width:260px;width:100%}.explain-text>h3{color:var(--white);font-size:24px;font-weight:600}.explain-text>p{color:var(--gray-text-p);font-size:16px;font-weight:400}.tech:hover{background-color:var(--backgroup-navbar)}@media screen and (min-width:1024px) and (max-width:1300px){.cards-tech{grid-template-columns:auto auto;width:100%}}@media screen and (min-width:1300px){.section-four{width:100%}.cards-tech{grid-row-gap:10px;grid-template-columns:auto auto;justify-content:stretch}.tech{max-width:350px}}.section-five{display:flex;flex-direction:column;gap:30px;height:70vh;margin-top:2em;width:83%}.content-texte,.section-five{margin-left:auto;margin-right:auto}.content-texte{color:var(--gray-text-p);font-size:16px;font-weight:400;overflow:hidden;width:90%}.contact-me{background-color:var(--backgroup-div-orange);border:0;border-radius:var(--border-raduis-8);color:var(--white);cursor:pointer;font-size:14px;padding:10px;text-align:center;text-decoration:none;width:93%}@media screen and (min-width:1300px){.section-five{width:100%}.content-texte{height:15vh;margin:0;overflow:hidden;text-align:justify;width:90%}.contact-me{background-color:var(--backgroup-div-orange);border:0;border-radius:var(--border-raduis-8);color:var(--white);cursor:pointer;font-size:14px;padding:10px;text-align:center;text-decoration:none;width:88%}}
/*# sourceMappingURL=main.af28bbef.css.map*/