header{align-items:center;display:flex;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:10000}.logo{color:#fff;font-size:2em;font-weight:700;letter-spacing:2px;padding-left:10vh;text-decoration:none;text-transform:uppercase}.logo,header ul{padding-top:10vh}header ul{align-items:center;display:flex;justify-content:center;padding-right:1vh}header ul li{list-style:none;margin-left:20px}header ul li a{border-radius:20px;color:#fff;padding:6px 15px;text-decoration:none}header ul li a.active,header ul li a:hover{background:#fff;color:#393558}@media (max-width:500px){header{justify-content:end;padding-top:20px}header ul{align-items:flex-end;flex-direction:column;padding-top:20px}header ul li{margin:10px 0}}*{font-family:Poppins,sans-serif;scroll-behavior:smooth}body,html{height:100%;margin:0;padding:0;width:100%}.page{align-items:stretch;background:linear-gradient(#2b1055,#7597de);flex-direction:column}.page,section{display:flex;min-height:100vh;width:100%}section{align-items:center;justify-content:center;overflow:hidden;position:relative}section:before{background:linear-gradient(0deg,#1c0522,#0000);bottom:0;content:"";height:100px;position:absolute;width:100%;z-index:1000}.page section img{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}#text{color:#fff;font-size:5.5vw;position:absolute;right:-350px;white-space:nowrap}#moon{mix-blend-mode:screen}#btn{background-color:#fff;border-radius:40px;color:#2b1055;display:inline-block;font-size:1.5em;padding:8px 30px;text-decoration:none;transform:translateY(80px)}.Contacts,.Experiences,.aboutMe{align-items:center;background-color:#1c0522;box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-top:100px}.bio-column,.hard-skills-column,.skills-column{align-items:center;border-radius:10px;box-shadow:0 1px 15px #7597de;display:flex;flex:1 1;flex-direction:column;margin:20px;max-width:300px;padding:20px}.bio,.langues-component,.name,.softSkillsContainer,.text-bio{text-align:center;width:100%}.moi{border-radius:50%;height:auto;max-height:200px;max-width:100%}.langues-component{margin-left:auto}@media (max-width:400px){.container{align-items:center;flex-direction:column}.bio-column,.hard-skills-column,.skills-column{margin:10px 0;max-width:none;width:90%}.langues-component{margin-left:0}}.langues{font-family:Arial,sans-serif;max-width:300px}.langue-nom{color:#d1ccdc;font-weight:700;margin:20px 0 5px}.progress-bar{background-color:#d1ccdc;border-radius:8px;height:20px;overflow:hidden;position:relative}.allemand:after,.anglais:after,.arabe:after,.francais:after{background-color:#7597de;border-radius:8px 0 0 8px;content:"";display:block;height:20px}.francais:after{width:100%}.anglais:after{width:80%}.allemand:after,.arabe:after{width:50%}.title{color:#d1ccdc;font-weight:900;margin-bottom:20px;text-align:center}.skills{align-items:center;display:flex;flex-direction:column;width:100%}.hard-skills h2{font-size:1.5em;margin:20px 0;width:100%}.Database,.Framework,.Languages-code{column-gap:60px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.Database>div,.Framework>div,.Languages-code>div{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:space-around;width:calc(33.333% - 40px)}.hard-skills img{height:auto;transition:transform .3s ease;width:40px}.Database img,.Framework img{height:70px;transition:transform .3s ease;width:auto}img:hover{transform:scale(1.1)}.competences{color:#a799b7;text-align:center}.softskills{align-items:center;display:flex;flex-direction:column;padding:20;width:100%}.softskills h4{height:10px}.softskills ul{list-style:none;margin-top:20px;padding:0}.softskills li{border-radius:8px;box-shadow:0 2px 4px #00000014;color:#7597de;margin-bottom:10px;padding:15px;text-align:center;transition:all .3s ease}.softskills li:hover{background-color:#d0d9f7;box-shadow:0 4px 6px #00000026;color:#333;transform:translateY(-2px)}h4{color:#d1ccdc;font-weight:900;margin-bottom:20px;text-align:center}.softskillsNames{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.text-bio{font-family:Courier New,Courier,monospace}.contacts-infos{border-radius:10px;box-shadow:0 1px 15px #7597de;display:flex;flex-direction:row;gap:20px;margin:20px;padding:20px}.contacts-infos img{height:auto;width:50px}.mail{display:inline-block;position:relative}.email-popup{background-color:#fff;border-radius:4px;bottom:0;box-shadow:0 2px 4px #0003;color:#000;display:none;font-size:12px;left:0;padding:5px;position:absolute;text-align:center;z-index:2}.mail:hover .email-popup{display:block}.experiences-infos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.experiences-infos div{border-radius:8px;box-shadow:0 1px 15px #7597de;flex:1 1;min-width:210px;padding:15px;transition:transform .2s ease-in-out}.chatinc,.fdj,.javaproject,.tcs{align-items:center;border-radius:10px;box-shadow:0 1px 15px #7597de;display:flex;flex-direction:column;margin:20px;max-width:210px;padding:20px}.experiences-infos div:hover{transform:translateY(-5px)}.experiences-infos h3,.experiences-infos p{color:#d1ccdc;margin-bottom:20px;text-align:center}.experiences-infos p{color:#fff;font-size:.95rem;line-height:1.6}@media (max-width:400px){.experiences-infos{align-items:center;flex-direction:column}.chatinc,.fdj,.javaproject,.tcs{margin:10px 0;max-width:none;width:100%}}
/*# sourceMappingURL=main.7ce42090.css.map*/