body{background-color:#fff;background-image:url(/assets/back-BumasGER.jpg);margin:0;padding:0;box-sizing:border-box}.pourContain{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:40px;height:100vh;flex-direction:row;gap:200px}.container{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:40px;height:100vh;flex-direction:column;gap:20px}.for1{width:700px;height:300px;background-color:#add8e61a;display:flex;flex-direction:row;align-items:center;border-radius:20px;margin-bottom:100px;border:4px solid rgb(255,255,255);transition:box-shadow .4s ease,transform .4s ease;box-shadow:0 0 30px 10px #f1efef33;gap:60px;margin-top:30px}.for1:hover{box-shadow:0 0 30px 10px #f1efef33;transform:scale(1.05)}.forima{display:flex;justify-content:center;align-items:center;padding-left:40px}.myPic{margin-top:10%;border-radius:60px;height:110px;width:110px;border:1px solid rgb(255,255,255)}.myPic:hover{box-shadow:0 0 30px 10px #0003}.couronne{position:absolute;font-size:24px;z-index:2;margin-bottom:110px;animation:voler 3s infinite ease-in-out}@keyframes voler{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px)rotate(-5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-5px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.aboutme{margin-top:20px;width:450px;height:200px;background-color:#ffffff4d;border-radius:10px;border:2px solid rgb(248,248,248)}.pres{padding-left:20px;color:#fff;font-size:15px;text-align:center;font-family:Poppins,sans-serif}.pres1{padding-left:20px;color:#fff;font-size:19px;text-align:center;font-family:Poppins,sans-serif}.flag{margin-top:5px;width:30px;border-radius:15px}.experience{width:700px;height:230px;background-color:#add8e61a;display:flex;flex-direction:column;align-items:center;border-radius:20px;border:4px solid rgb(255,255,255);transition:box-shadow .4s ease,transform .4s ease;margin-bottom:200px}.experience:hover{box-shadow:0 0 30px 10px #e0e0e080;transform:scale(1.05)}.cote1{display:flex;align-items:center;gap:80px;margin-top:13px}.forimg2{width:70px}.cote2{display:flex;align-items:center;gap:80px;margin-top:25px}.react1{width:70px;transition:filter .4s ease;animation:forReact 20s ease-in-out infinite}@keyframes forReact{0%{transform:translateY(0) rotate(0)}to{transform:translateY(0)rotate(360deg)}}.react1:hover{filter:drop-shadow(0 0 30px rgba(44,182,216,1))}.cplus1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.cplus1:hover{filter:drop-shadow(0 0 30px rgb(39,62,136))}.csharp1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.csharp1:hover{filter:drop-shadow(0 0 30px rgb(198,41,219))}.js1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.js1:hover{filter:drop-shadow(0 0 30px rgb(219,223,20))}.lua1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.lua1:hover{filter:drop-shadow(0 0 30px rgb(7,4,207))}.vite1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.vite1:hover{filter:drop-shadow(0 0 30px rgb(232,6,240))}.html1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.html1:hover{filter:drop-shadow(0 0 30px rgb(250,114,3))}.css1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.css1:hover{filter:drop-shadow(0 0 30px rgb(14,61,192))}.php1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}.php1:hover{filter:drop-shadow(0 0 30px rgb(73,72,163))}.python1{width:70px;transition:filter .4s ease;animation:forAllComp 2s infinite ease-in-out}@keyframes forAllComp{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.python1:hover{filter:drop-shadow(0 0 30px rgb(245,191,44))}.forbu1{display:flex;justify-content:flex-end;margin-right:10px;margin-top:20px}.button1{width:100px;border-radius:20px;font-size:15px;text-align:center;font-family:Poppins,sans-serif;border:2px solid gray;cursor:pointer;transition:box-shadow .4s ease,transform .4s ease;box-shadow:0 0 30px 10px #f1efef33}.button1:hover{cursor:pointer;transform:scale(1.1)}.container2{display:flex;justify-content:center;align-items:center;padding-left:40px;height:100vh;flex-direction:column;gap:20px;height:auto}.animated{width:720px;height:670px;background-color:#add8e61a;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;margin-bottom:100px;border:4px solid rgb(255,255,255);transition:box-shadow .4s ease,transform .4s ease;box-shadow:0 0 30px 10px #f1efef33;gap:40px;margin-top:30px;animation:anime1 1.5s ease-in-out infinite}.for2{width:720px;height:670px;background-color:#add8e61a;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;margin-bottom:100px;border:4px solid rgb(255,255,255);transition:box-shadow .4s ease,transform .4s ease;box-shadow:0 0 30px 10px #f1efef33;gap:40px;margin-top:30px}@keyframes anime1{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}75%{transform:translateY(-20px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.containerPourText{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px}.project{background-color:#ffffff4d;width:200px;height:400px;border-radius:20px}.alignerBlockProject{display:flex;flex-direction:row;align-items:center;justify-content:center}.TextMesProjets{color:#fff;font-size:25px;text-align:center;font-family:Poppins,sans-serif}.SujetP{color:#fff;font-size:10px;text-align:center;font-family:Poppins,sans-serif}.editText{display:flex;justify-content:center;align-items:center}.forTextIn1{display:flex;background-color:#00000080;width:180px;height:250px;border-radius:30px}.text10{color:#ffffffe6;font-size:15px;text-align:center;font-family:Poppins,sans-serif;padding-left:10px;padding-right:10px}.forButtonP{display:flex;justify-content:center;align-items:center;margin-top:20px}.buto1{width:100px;height:50px;border-radius:10px;border:2px solid white;font-family:Poppins,sans-serif;font-size:12px;transition:box-shadow .4s ease,transform .4s ease}.buto1:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 0 30px 10px #14a5e966}.hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;pointer-events:none}.fade-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}@media (max-width: 768px){.pourContain{flex-direction:column;padding-left:20px;gap:50px;height:auto;align-items:center}.container{padding-left:20px;height:auto;align-items:center}.for1{flex-direction:column;width:90%;height:auto;padding:20px 0;gap:30px;margin-bottom:50px;margin-left:auto;margin-right:auto}.forima{padding-left:0}.myPic{margin-top:0}.couronne{margin-bottom:90px;margin-top:-15px}.aboutme{width:90%;height:auto;padding-bottom:20px}.pres,.pres1{padding-left:10px;padding-right:10px;font-size:14px}.experience{width:90%;height:auto;padding:20px 0;margin-bottom:100px;margin-left:auto;margin-right:auto}.cote1,.cote2{gap:40px;flex-wrap:wrap;justify-content:center}.forimg2,.react1,.cplus1,.csharp1,.js1,.lua1,.vite1,.html1,.css1,.php1,.python1{width:60px;height:60px}.container2{padding-left:20px;height:auto;align-items:center}.animated,.for2{width:90%;height:auto;padding:20px 0;gap:20px;margin-bottom:50px;margin-left:auto;margin-right:auto}.containerPourText{flex-direction:column;gap:30px}.project{width:80%;height:auto;padding-bottom:20px}.TextMesProjets{font-size:22px}.SujetP{font-size:10px}.forTextIn1{width:90%;height:auto;padding:10px 0}.text10{font-size:14px}}@media (max-width: 480px){.pourContain,.container,.container2{padding-left:10px;padding-right:10px;align-items:center}.for1{width:95%;margin-bottom:30px;margin-left:auto;margin-right:auto}.myPic{height:90px;width:90px}.couronne{font-size:20px;margin-top:-10px}.aboutme{width:95%}.pres,.pres1{font-size:12px;padding-left:5px;padding-right:5px}.experience{width:95%;margin-bottom:50px;margin-left:auto;margin-right:auto}.cote1,.cote2{gap:20px}.forimg2,.react1,.cplus1,.csharp1,.js1,.lua1,.vite1,.html1,.css1,.php1,.python1{width:50px;height:50px}.animated,.for2{width:95%;margin-bottom:30px;margin-left:auto;margin-right:auto}.project{width:90%}.TextMesProjets{font-size:20px}.SujetP{font-size:9px}.forTextIn1{width:95%}.text10{font-size:12px}.buto1{width:80px;height:40px;font-size:10px}.button1{width:80px;font-size:12px}}@media (min-width: 769px) and (max-width: 1366px){.pourContain{display:flex;flex-direction:column;gap:50px;padding-left:20px;padding-right:20px;height:auto;align-items:center;width:100%}.container2{display:flex;flex-direction:column;width:100%;align-items:center;margin:0;height:auto;gap:50px}.for1,.experience,.animated,.for2{width:90%;max-width:600px;height:auto;padding:20px;margin-left:auto;margin-right:auto;box-sizing:border-box}.for1{flex-direction:column;gap:20px;margin-bottom:50px}.forima{padding:0;margin:0}.myPic{margin-top:0}.aboutme{width:90%;height:auto;margin-top:0}.pres,.pres1{font-size:14px;padding:0 10px;text-align:center}.experience{margin-bottom:100px;display:flex;flex-direction:column;align-items:center}.cote1,.cote2{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;width:100%}.forimg2,.react1,.cplus1,.csharp1,.js1,.lua1,.vite1,.html1,.css1,.php1,.python1{width:60px;height:60px;margin:0;padding:0}.animated,.for2{gap:30px;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.TextMesProjets{font-size:22px;text-align:center;width:100%}.containerPourText{display:flex;flex-direction:column;gap:30px;width:100%;align-items:center}.project{width:90%;max-width:350px;height:auto;padding-bottom:20px;box-sizing:border-box}.SujetP{font-size:10px;text-align:center;width:100%}.editText{display:flex;justify-content:center;width:100%}.forTextIn1{width:90%;height:auto;padding:10px;box-sizing:border-box}.text10{font-size:13px;text-align:center;width:100%}.forButtonP{display:flex;justify-content:center;width:100%;margin-top:20px}.buto1{width:90px;height:45px;font-size:11px;margin:0;padding:0}}html,body,#root{margin:0;padding:0;height:100%}body{background-color:#fff;background-image:url(/assets/back-BumasGER.jpg);margin:0;padding:0;box-sizing:border-box}.container{display:flex;justify-content:center;align-items:center;padding-left:40px;height:100vh;flex-direction:column;gap:10px}.chargement{color:#fff;font-family:Poppins,sans-serif;font-size:27px}.pourContent{background-color:#11111180;height:50px;width:400px;border-radius:20px;border:solid white 1px;display:flex;justify-content:flex-start;align-items:center}.contentgo{background-color:#fff;height:40px;width:0px;border-radius:25px;animation:recharge 3s forwards}@keyframes recharge{0%{width:0}to{width:400px}}.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility .5s ease-out}.visible{opacity:1;visibility:visible;transition:opacity .5s ease-in,visibility .5s ease-in}