@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";body{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal;overflow:hidden;background-color:#3f333e}p{margin-left:20px;text-align:left;font-size:large}div::-webkit-scrollbar{display:none}div{scrollbar-width:none;-ms-overflow-style:none}.contact{margin-bottom:10px}.contact p{font-size:small;margin-left:40px}.header{margin-left:20px;text-align:center;height:80%;overflow:scroll}.header p{font-size:17px}.presentation{color:#fff;width:100%;height:100%;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal;background-color:#76abae}.image_profil{text-align:center}:root{--bg: red;--bg-rd: rgb(248, 248, 234)}.targetLanguage p.show,.targetLanguage img.show{opacity:1}.targetLanguage{border-radius:20px;transition:1s;width:100%;margin:auto;min-height:200px;color:#000}.targetLanguage p{opacity:0;transition:opacity 1s}.targetLanguage img{transition:opacity 1s}.card{transition:1s;max-width:100px;max-height:100px;padding-top:1%;float:left;margin-left:3%}.card .body{display:none;color:var(--bg)}.card .body .text-p{font-size:15px}.card .head{cursor:pointer;transition:1s;overflow:hidden;max-height:100px;border-radius:50px}.card .head .banner{width:100px;min-height:100px;transform:translateY(210px);transition:1s}.card .body{text-align:center}@keyframes afficher{25%{transform:translateY(-105px)}50%{transform:translateY(-105px)}}@keyframes tourner{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes bright{0%{filter:brightness(1)}50%{filter:brightness(1.2);box-shadow:0 0 5px var(--bg),0 0 0 var(--bg),0 0 0 var(--bg),0 0 50px var(--bg)}to{filter:brightness(1)}}.area{background:#bec0d8;background:-webkit-linear-gradient(to left,#8f94fb,#4e54c8);width:100%;height:100vh}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background-image:url(/language/banner.png);background-size:100%;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.competence{width:100%;height:100%;overflow-y:scroll;background-color:#2c2e4e}.competence .body{width:80%;display:flex;margin:auto}.progress-bar{width:70%;background-color:#031214}.progress-bar-fill{height:10px;background-color:#fff}.comp{display:block ruby;direction:rtl}.r{direction:rtl}.outils{width:100%;height:100%;background-color:#76abae;background-repeat:no-repeat;background-size:cover;text-align:left;color:#000;background:#ebe9e9;background-image:linear-gradient(90deg,transparent 50px,#ffb4b8 50px,#ffb4b8 52px,transparent 52px),linear-gradient(#e1e1e1 .1em,transparent .1em);background-size:100% 30px}.header{margin-left:50px}.bold{font-weight:700}li{text-align:left}@keyframes inOut{0%{transform:scale(041.1)}to{transform:scale(15.1)}}.projet:hover{transition:0;transform:scale(1.12);border:1px solid white}.projet{color:#fff;transition:.5s;width:85%;height:80%;margin:auto;overflow:hidden;border-radius:5px;display:flex;transform:scale(1.1);background-color:#373737}.projet .image-container{width:35%;position:relative;background-color:#222}.projet .image-container .image{width:100%}.projet .description-projet{width:65%}.projet .description-projet .head{width:100%;font-size:larger;text-align:center;height:29%;padding:2%}.projet .description-projet .content{text-align:center;padding:1%;height:44%;font-size:12px}.projet .description-projet .footer{height:30px;float:center;font-size:11px;height:15%}.projet .description-projet .footer .icon{float:rigth}.projet .description-projet .footer .icon:hover{cursor:pointer}.projet .description-projet .footer a{color:#fff}.projet .description-projet .footer:hover{transform:scale(1.1)}.btn-conteiner{display:flex;justify-content:center;--color-text: #9ee5fa;--color-background: #353535;--color-outline: #9ee5fa80;--color-shadow: #00000080}.btn-content{display:flex;align-items:center;padding:0 3px;text-decoration:none;font-family:Poppins,sans-serif;font-size:25px;color:var(--color-text);background:var(--color-background);transition:1s;border-radius:100px;box-shadow:0 0 .2em 0 var(--color-background)}.btn-content:hover,.btn-content:focus{transition:.5s;-webkit-animation:btn-content 1s;animation:btn-content 1s;outline:.1em solid transparent;outline-offset:.2em;box-shadow:0 0 .4em 0 var(--color-background)}.btn-content .icon-arrow{transition:.5s;margin-right:0;transform:scale(.6)}.btn-content:hover .icon-arrow{transition:.5s;margin-right:25px}.icon-arrow{width:20px;margin-left:15px;position:relative;top:6%}#arrow-icon-one{transition:.4s;transform:translate(-60%)}#arrow-icon-two{transition:.5s;transform:translate(-30%)}.btn-content:hover #arrow-icon-three{animation:color_anim 1s infinite .2s}.btn-content:hover #arrow-icon-one{transform:translate(0);animation:color_anim 1s infinite .6s}.btn-content:hover #arrow-icon-two{transform:translate(0);animation:color_anim 1s infinite .4s}@keyframes color_anim{0%{fill:#fff}50%{fill:var(--color-background)}to{fill:#9ee5fa}}@-webkit-keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}@keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}:root{--p: white}.graduate{background-image:url(/education/graduate.png);background-size:contain}.card-education:hover{border:1px solid white}.card-education{font-family:monospace;margin:2% auto auto;border-radius:10px;width:95%;position:relative;background-color:#373737;color:#fff}.card-education div{text-align:left}.card-education .title{min-height:50px}.card-education .title p{text-align:center;transform:translateY(50%);background-color:#fff;color:#000;border-radius:50px;margin:auto;width:80%;font-size:large}.card-education .body{min-height:100px;text-align:center}.card-education .footer{height:50px}.card-education .footer .diplome{background-color:#fd7256;border-radius:5px;margin-right:5%;float:right;padding:2%;color:#fff}.card-education .footer .diplome:hover{cursor:pointer}.card-education .footer .mention{color:#fff;font-size:20px}.realisation{background-color:#282828;overflow-y:scroll;height:100%;width:100%}.realisation h1{color:#fff}.realisation .grid{display:grid;height:80%}.realisation .next-previous{height:5%}.realisation .next-previous button{border-radius:10px;min-height:40px;width:10%;cursor:pointer;border:none;background-color:#000;color:#fff;margin:auto auto auto 5px}.couverture{width:100%;height:100%;overflow:hidden;color:#15171a;background-color:#fff}.couverture .image_profil{position:relative;background-image:url(/freepik/Fond/cadre.jpeg);background-color:#15171a;background-size:cover;width:100%;align-items:center;justify-content:center;height:75%}.couverture .image_profil .image_profil2{height:56.5%;width:56.5%;margin:auto;border:2px solid rgb(204,200,200);transform:translateY(38%);background-image:url(https://scontent.ftnr2-2.fna.fbcdn.net/v/t39.30808-6/492000935_2119898588518475_295846276559082903_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeGcXCEUcIk2jQn17x_pNEKPBsiUKjGtoZsGyJQqMa2hmzqR0T1ObIkXAYXxuPyH3beutdLbK2KLznRTNf5UtfrA&_nc_ohc=vzYF5DCGJw0Q7kNvwGkIA-r&_nc_oc=AdnWIQi21eJE7DHZl6j9D32jb7GF8ve49_S4A-3r88Ci4Mh6aC-DIGNIov8ajCB2xwU&_nc_zt=23&_nc_ht=scontent.ftnr2-2.fna&_nc_gid=Efy4VQmHEHXjSYRx8qIZ_g&oh=00_AfKurEuRE-DaIw4QIYCJNeZN-y_YrCmGqjH4DJeElKdCPw&oe=682FD895);background-size:cover}.couverture .case{height:15%;background-color:#fff;margin-bottom:1%;text-align:center}.couverture .texte{font-weight:lighter;color:#000;filter:brightness(1);text-align:center}@keyframes rotateCadre{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.education{width:100%;height:100%;color:#fff;background-color:#282828}.cv{overflow:scroll}.cv-down{--bg: #e74c3c;--text-color: #fff;position:absolute;top:45%;left:40%;margin:0 auto;width:150px;border:none;background:var(--bg);color:var(--text-color);padding:1em;font-weight:700;text-transform:uppercase;transition:.2s;border-radius:5px;opacity:.8;letter-spacing:1px;box-shadow:#c0392b 0 7px 2px,#000 0 8px 5px}.cv-down:hover{opacity:1}.cv-down:active{top:45.5%;box-shadow:#c0392b 0 3px 2px,#000 0 3px 5px}.shine{animation:sintiller 2s linear infinite;margin:auto;width:20px;height:20px;display:absolute;border-radius:50px;cursor:pointer;border:1px solid black;background-color:#fca448}@keyframes sintiller{0%{box-shadow:0 0 10px #fff}50%{box-shadow:0 0 50px #fff}to{box-shadow:0 0 10px #fff}}.addStars img{border:5px solid white;border-radius:50px;width:100%;height:100%}.addStars{cursor:pointer;width:50px;height:50px;background-color:none}.addStars:hover{filter:brightness(1.5)}.addStars:active img{transform:scale(1.1)}@keyframes rotateStar{0%{transform:rotate(0);filter:grayscale(0%)}to{transform:rotate(360deg)}}.etoile{position:absolute;width:45%;max-height:65px;top:10px;left:10px}.etoile:hover{filter:grayscale(0%)}.init{width:50px;height:50px;float:right;position:fixed;bottom:0;text-align:center;transition:.5s}.init *{display:none}.init .up{display:block;border-radius:50px;overflow:hidden;text-align:center;cursor:pointer;background:transparent;border:none}.init .up img{margin:auto;width:100%;display:block}.init .up img:hover{transform:scale(1.1);margin:auto;width:100%;display:block}.bot{width:400px;height:550px;float:right;position:fixed;bottom:0;margin-right:0;text-align:center;transition:.5s}.bot .up{width:100%;height:7%}.bot .up img{width:30px}.bot .boite_dialogue{height:90%;transition:.3s}.bot .boite_dialogue .chat{height:90%;background-color:#31363f;overflow-y:scroll;overflow-anchor:bottom}.bot .boite_dialogue .chat .response{margin-top:5%;min-width:50%;max-width:90%;transition:.5s;border-radius:10px;padding:10px;animation:translation .1s}@keyframes translation{0%{transform:scale(0)}to{transform:scale(1)}}.bot .boite_dialogue .chat .left{text-align:left;background-color:#222831;float:left;color:#eee;margin-left:1%}.bot .boite_dialogue .chat .right{text-align:right;background-color:#eee;float:right;margin-right:2%;color:#222831}.bot .boite_dialogue .boite_envoie{height:10%;display:flex;bottom:0}.bot .boite_dialogue .boite_envoie .message{width:70%;height:100%}.bot .boite_dialogue .boite_envoie .submit{width:30%;height:110%;border:none;background-color:#76abae;cursor:pointer}.loader{--background: blue;--shadow: transparent;--text: #6C7486;--page: rgb(218, 209, 209);--page-fold: rgb(248, 235, 235);--duration: 3s;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000}.loader .livre-loader{top:40%;margin:auto;width:10%}.loader:before,.loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;transform:rotate(var(--r))}.loader:before{left:4px}.loader:after{--r: 6deg;right:4px}.loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;background-image:var(--background)}.loader div ul{margin:0;padding:0;list-style:none;position:relative}.loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.loader div ul li:nth-child(2){--c: var(--page-fold);-webkit-animation-name:page-2;animation-name:page-2}.loader div ul li:nth-child(3){--c: var(--page-fold);-webkit-animation-name:page-3;animation-name:page-3}.loader div ul li:nth-child(4){--c: var(--page-fold);-webkit-animation-name:page-4;animation-name:page-4}.loader div ul li:nth-child(5){--c: var(--page-fold);-webkit-animation-name:page-5;animation-name:page-5}.loader div ul li svg{width:90px;height:120px;display:block}.loader div ul li:first-child{--r: 0deg;--o: 1}.loader div ul li:last-child{--o: 1}.loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text)}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}.experience{color:#000;background-color:#76abae;width:100%;height:100%;background:#ebe9e9;background-image:linear-gradient(90deg,transparent 50px,#ffb4b8 50px,#ffb4b8 52px,transparent 52px),linear-gradient(#e1e1e1 .1em,transparent .1em);background-size:100% 30px}.experience h1{font-size:24px;margin-bottom:20px}.experience-item{margin-bottom:30px;margin-left:50px}.experience-item h3{font-size:20px;margin-bottom:10px}.experience-item p{color:#000;margin-bottom:10px;font-size:16px}.experience-item ul{margin-left:20px;color:#000;padding-left:0}.experience-item ul li{list-style:none;margin-bottom:5px;color:#000}.certificat img{width:80%;margin-top:10px}.lanterne{width:10%;height:40px;border-radius:50px;margin:auto;background-color:#0b0c0d;border:.5px white;color:#fff;font-size:small}.lumiere{background-color:#fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff;animation:lumiere 2s linear;margin:auto}@keyframes lumiere{0%,to{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff}50%{box-shadow:0 0 20px #fff,0 0 40px #fff,0 0 60px #fff,0 0 60px #fff}}.sommaire{width:10%;float:right}.sommaire select{width:100%;min-height:40px;border:none;font-size:20px}.open{color:#d18d64;border-radius:50%;min-width:50px;min-height:50px;border:none;position:fixed;cursor:pointer;top:46.5%;right:1%}.open img{border-radius:50px}.open img:active{border-radius:50px;transform:scale(1.05);background-color:#fff;border:1px solid #0087ff}.open img:hover{filter:brightness(1.4)}.cursor{width:100px;height:100px;border-radius:500px;position:absolute;pointer-events:none;z-index:9999;display:none;-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2);border:none}.oriente{transform-origin:left;transform:rotateY(10deg) skewY(1deg)}.brown{background-color:#3f333e;width:100px;height:100px;left:84%;position:fixed;top:43%;border-radius:10px 0 0 10px;border:4px solid rgb(39,38,38);border-right-width:4px;border-right-style:solid;border-right-color:#272626;border-right:0px;transition:.5s;transform-origin:right;cursor:pointer;border-right:10px solid #e4cba4;animation:clignottant 2s linear infinite}.brown:hover{filter:brightness(1.5)}@keyframes clignottant{0%{filter:brightness(.5)}50%{filter:brightness(1);box-shadow:0 0 10px 00px #fff}to{filter:brightness(.5)}}.brown-open{transform:rotateY(-80deg)}.hide{display:none}.description{width:100%;position:absolute;transform:translate(-100%);height:800px;color:#fff;text-align:left;align-items:center;justify-content:center}.description p{margin-right:15%}.next{position:fixed;transform:translate(266px,-32px)}:root{--page-background-color: #31363F}.image{width:100%;height:100%}.contenu{width:100%;height:100%;position:absolute;box-shadow:0 1px;background-color:#31363f;text-align:center;overflow-y:scroll;border-left:1px solid #c9cfcf;border-radius:0 15px 15px 0;transition:.5s}.page{transform:rotateY(180deg);animation:turnPage .5s linear;transform-origin:left}@keyframes turnPage{0%{transform:rotateY(0);box-shadow:0 0}30%{transform:rotateY(90deg) skewY(20deg)}to{transform:rotateY(180deg);background-color:var(--page-background-color);opacity:100%}}.page div{animation:hideChildren .5s linear forwards}@keyframes notHidingChildren{0%{opacity:100%}30%{opacity:100%}31%{opacity:100%}to{opacity:100%}}@keyframes hideChildren{0%{opacity:100%}30%{opacity:100%}31%{opacity:0}to{opacity:0}}.page-previous{transform:rotateY(0);animation:turnPage-previous .5s linear;transform-origin:left}.page-previous *{animation:hideChildren-previous .5s linear forwards}@keyframes hideChildren-previous{0%{opacity:0%}30%{opacity:0%}31%{opacity:100%}to{opacity:100%}}@keyframes turnPage-previous{0%{transform:rotateY(180deg)}30%{transform:rotateY(90deg) skewY(20deg)}to{transform:rotateY(0);box-shadow:0 0}}.livre{position:relative;width:600px;margin:auto;height:80vh;min-height:800px;filter:brightness(.5);transform:translate(50%)}