@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);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}@media (max-width:480px){body{background-attachment:fixed;background-color:#f4f4f4;background-image:none;background-size:cover}}body{font-family:Poppins,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}.header{align-items:center;background:#1b103a;border-radius:5px;box-shadow:0 1px 3px #0000001f;display:flex;height:50px;justify-content:space-between;left:50%;position:fixed;top:30px;transform:translateX(-50%);width:90vw;z-index:1}#langue{color:#fff;margin-right:5px}#langue,#languetele{background-image:linear-gradient(45deg,#ff512f,#f09819 51%,#ff512f);border:none;border-radius:5px;box-shadow:0 0 14px -7px #f09819;cursor:pointer;font-weight:700;height:40px;text-align:center;touch-action:manipulation;transition:1s ease;user-select:none;-webkit-user-select:none;width:auto}#languetele{margin-top:30%}#menu-langue{border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;flex-direction:column;height:15vh;justify-content:center;left:50%;padding:.5%;position:absolute;top:110%;transform:translateX(-50%);width:8vw}#menu-langue,.body{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.body{border-radius:10px;box-shadow:0 0 5px #00000080;gap:20px;height:auto;justify-content:space-between;margin:200px auto 5%;max-width:1400px;min-width:330px;padding:20px;transition:1s ease;width:80%}.body:hover{box-shadow:0 0 25px #00000059}.img2{align-items:center;display:flex;justify-content:center}.img1{height:auto}.reda{border-radius:100%;width:230px}.typing{animation:scale 3s cubic-bezier(.5,1,.89,1) forwards;color:#f3730a;font-size:3vw;max-width:40ch;overflow:hidden;text-align:center;transform:scale(.94);white-space:nowrap}span{display:inline-block;filter:blur(4px);opacity:0}span:first-child{animation:fade-in .8s cubic-bezier(.11,0,.5,0) .1s forwards}span:nth-child(2){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .2s forwards}span:nth-child(3){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .3s forwards}span:nth-child(4){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards}.hi{font-size:clamp(.7rem,1vw,3rem);font-weight:lighter;font-weight:600;letter-spacing:.5px;margin:0;width:100%}.job{color:#c97a05;font-size:2vw}.apps{width:3vw}.apps:hover{cursor:pointer;transform:translateY(-5px);transition:1s ease-out}.me{animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards;color:#0cf;display:inline-block;filter:blur(4px);font-family:arial;font-size:1.2rem;font-weight:bolder;margin-left:5px;opacity:0;text-decoration:underline}.download{background-size:200% auto;border:0;border-radius:6px;cursor:pointer;display:block;font-weight:700;margin-top:5px;padding:15px 30px;text-align:center;text-decoration:none;text-transform:uppercase;touch-action:manipulation;transition:.5s;user-select:none;-webkit-user-select:none}.closelangue,.download{background-image:linear-gradient(45deg,#ff512f,#f09819 51%,#ff512f);box-shadow:0 0 14px -7px #f09819;color:#fff}.closelangue{align-items:center;border:none;display:flex;justify-content:center}.download:hover{background-position:100%;color:#fff;text-decoration:none}.download:active{transform:scale(.95)}@keyframes typing{0%{width:0}40%{width:95%}60%{width:95%}to{width:0}}@keyframes blink{50%{border-color:#0000}}i{padding-right:5px}#menu{display:flex;flex-direction:row;gap:5%;height:20px;width:40vw}#menu,.btnmenu{animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards;filter:blur(4px);opacity:0}.btnmenu{background:none;border:none;display:none}.btnmenu i{color:#0cf;font-size:2rem}.showedmenu{display:flex;display:none}.showedmenu,.showedmenu1{flex-direction:row-reverse;height:100%;left:100%;position:fixed;width:100%;z-index:3}.showedmenu1{animation:show .2s ease-in-out 1 forwards;display:flex;top:0;transition:display 2s ease}.conmenu{align-items:start;background-color:#fff;background-size:cover;box-shadow:0 0 5px #00000080;display:flex;height:100vh;justify-content:center;width:80%;z-index:3}.coverdiv,.coverdiv1{background-color:#fff;height:100%;opacity:50%;width:20%;z-index:2}.coverdiv1{animation:sho .2s ease-in-out 1 forwards}#conmenu{flex-direction:column;gap:4%;height:20px;height:80%;width:40vw;width:80%}#conmenu,.conlink{align-items:center;display:flex;justify-content:center;padding:0}.conlink{color:#f0ebe7;font-weight:500;list-style:none;opacity:1;position:relative}.coninlink,.conlink{font-family:Copperplate,fantasy;letter-spacing:.5px;text-decoration:none}.coninlink{background:none;border:none;color:#000;font-size:3vh;font-size:clamp(1rem,1.3vw,3rem);font-weight:lighter;font-weight:700;margin:0}.link{display:inline;font-size:2vh;font-weight:500;list-style:none;opacity:1;padding:0;position:relative}.inlink,.link{color:#f0ebe7;font-family:Copperplate,fantasy;letter-spacing:.5px;text-decoration:none}.inlink{background:none;border:none;font-size:1.1vw}#menu:hover .link{color:#00e5ff;cursor:pointer;opacity:.2;transition:.6s ease}.inlink:hover{border-bottom:2px solid;color:#00e5ff}#menu .link:hover{opacity:1;transition:.6s ease}@keyframes show{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes sho{0%{opacity:0}to{opacity:.5}}.formation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 5px #00000080;display:flex;height:auto;justify-content:space-between;margin:0 auto 100px;max-width:1400px;min-width:300px;padding:20px;transition:1s ease;width:80%}.formation:hover{box-shadow:0 0 25px #00000059}.formation div:first-of-type{align-items:center;display:flex;justify-content:center;width:40%}.formation div:first-of-type img{width:300px}.formation div:nth-of-type(2){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards;filter:blur(4px);opacity:0;width:60%}.formation>div:nth-of-type(2)>h1{font-size:clamp(1rem,1.5vw,3rem);text-align:center}#secfor{align-items:start;display:flex;flex-direction:column;justify-content:center;width:auto}#secfor h1{font-size:clamp(.9rem,1.3vw,3rem);font-weight:lighter;font-weight:700;letter-spacing:.5px;margin:0}#secfor h2{font-size:clamp(.8rem,1.1vw,3rem)}#secfor h2,#secfor h3{color:#1f2937;font-weight:lighter;font-weight:600;line-height:1.5;margin:0}#secfor h3{font-size:clamp(.7rem,.9vw,3rem)}#secfor p{color:#64748b;font-size:clamp(.7rem,.8vw,3rem);font-weight:lighter;font-weight:400;line-height:1.7;margin:0;text-align:left}.menudown{flex-wrap:wrap;gap:20px;height:200px;margin:0 auto 50px;width:auto}.menudown,.menudown div{align-items:center;display:flex;justify-content:center}.menudown div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 5px #00000080;flex-direction:column;padding-top:1%;transition:all 1s ease;width:200px}.menudown div:nth-child(2n):hover,.menudown div:nth-child(odd):hover{transform:translateY(-20px)}.menudown div:hover{box-shadow:0 0 25px #00000059}.menudown div img{width:60%}.menudown div h1{font-family:Arial;font-size:1.4rem}.cv{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;box-shadow:0 0 5px #000;display:flex;flex-direction:column;height:20vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:30vw;z-index:101}.cv a{font-family:Arial;width:50%}.cvcover{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;opacity:.5;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:100}@media (max-width:900px){#langue,#menu{display:none}.btnmenu{display:block}.menudown{padding-bottom:20vh;width:100%}.menudown div{width:150px}.menudown:hover div:nth-child(2n),.menudown:hover div:nth-child(odd){transform:translateY(0)}.body{flex-direction:column-reverse;margin-bottom:50px;padding:5px;padding-block:20px}.img1{align-items:center;display:flex;flex-direction:column;margin:0;width:100%}.typing{animation:none;border:none;font-family:Algerian;font-size:5vw;width:100%}.hi,.typing{text-align:center}.hi{color:#000}.job{font-size:3.8vw;margin:0;text-align:center;width:100%}.img2{height:220px;margin:0;width:50%}.contact{display:flex;height:auto;justify-content:space-evenly;width:80%}.apps{width:15vw}.download{width:70%}.formation{align-items:center;flex-direction:column}.formation div:first-of-type{width:80%}.formation div:first-of-type img{width:70vw}.formation>div:nth-of-type(2){width:100%}.formation div:nth-of-type(2) p{font-size:3vw;text-align:justify;width:95%}.cv{width:85%}}@keyframes scale{to{transform:scale(1)}}.cer{flex-wrap:wrap;gap:20px;height:auto;justify-content:center;margin:200px auto 100px;width:90vw}.cer,.cer div{align-items:center;display:flex}.cer div{animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 5px #00000080;filter:blur(4px);flex-direction:column;height:350px;justify-content:space-evenly;opacity:0;transition:all 1s ease;width:400px}.cer div:hover{box-shadow:0 0 35px #00000059;transform:scale(1.01)}.cer div img{border-radius:5px;width:80%}.cer div h1{font-family:Algerian;font-size:1.5rem}.cer div a{font-size:.8rem;width:70%}@media (max-width:480px){#menu{display:none}.btnmenu{display:block}.cer{width:90vw}.cer div{margin-top:5%}.menudown div:hover{transform:translate(0)}}.main{font-family:Algerian;font-size:4rem;height:auto;margin:100px auto 50px;text-align:center;width:90vw}.projects{flex-direction:column;gap:20px;margin-bottom:100px;width:100%}.projects,.projects div:nth-child(odd){align-items:center;display:flex;height:auto}.projects div:nth-child(odd){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 5px #00000080;justify-content:space-between;padding-left:1%;padding-right:1%;padding-block:10px;scroll-margin-top:80px;width:80%}.projects div:nth-child(odd) img{width:7%}.projects div:nth-child(odd) p{flex:1 1;font-family:Calibri;font-size:1.2rem;font-weight:bolder;margin-left:5px}.projects div:nth-child(2n){align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;box-shadow:0 0 5px #00000080;display:flex;gap:1%;height:auto;padding:1%;scroll-margin-top:80px;width:80%}.projects div:nth-child(2n) div:first-of-type{height:300px;width:50%}.projects div:nth-child(2n) div:first-of-type p{font-family:Calibri;font-size:1.2vw;text-align:justify;width:100%}.projects div:nth-child(2n) div:last-of-type{background-color:#0387fa;border-radius:5px;height:300px;padding:0;width:50%}.projects div:nth-child(2n) div:last-of-type img{border-radius:5px;height:inherit;width:100%}.mobile{height:500px;width:20%}@media (max-width:480px){.main{color:#000;font-family:Algerian;font-size:2rem;height:auto;margin-top:20%}.projects div:nth-child(odd){align-items:center;flex-direction:column;margin-top:5%;padding-bottom:2%;scroll-margin-top:80px;width:90%}.projects div:nth-child(odd) img{width:30vw}.projects div:nth-child(odd) p{font-size:4vw;text-align:justify;width:90%}.projects div:nth-child(2n){align-items:center;flex-direction:column;height:auto;margin-top:2%;padding-bottom:2%;scroll-margin-top:80px;width:90%}.projects div:nth-child(2n) div:first-of-type{box-shadow:none;height:auto;margin:0;width:100%}.projects div:nth-child(2n) div:first-of-type p{font-size:4vw;text-align:justify;width:90%}.projects div:nth-child(2n) div:last-of-type{background-color:green;height:200px;width:100%}}.competence{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;height:auto;justify-content:center;margin:0 auto;padding:1%;width:90%}.competence h1{animation:fade-in .2s cubic-bezier(.11,0,.5,0) .4s forwards;filter:blur(4px);font-family:Algerian;font-size:2rem;opacity:0;text-align:center}#comp{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:480px){.competence{margin-top:5%;padding-bottom:5%}#titsk{color:#000}}@keyframes fade-in{to{filter:blur(0);opacity:1}}.skill-card{background:#fff;border-radius:5px;box-shadow:0 0 5px #00000080;height:330px;padding:30px 25px;text-align:center;transition:.3s ease;width:260px}.skill-card:hover{box-shadow:0 15px 35px #6c4ce833;transform:translateY(-8px)}.skill-logo{align-items:center;background:#f8f8ff;border-radius:50%;display:flex;height:95px;justify-content:center;margin:auto;width:95px}.skill-logo img{height:65px;object-fit:contain;width:65px}.skill-card h3{color:#111827;font-size:24px;font-weight:700;margin-top:25px}.skill-line{border-radius:10px;height:3px;margin:15px auto 45px;width:55px}.skill-info{align-items:center;color:#64748b;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:15px}.skill-info strong{font-size:20px}.progress-container{background:#e9edf3;border-radius:20px;height:10px;overflow:hidden;width:100%}.progress-bar{border-radius:20px;height:100%}
/*# sourceMappingURL=main.08452060.css.map*/