@import url(https://fonts.googleapis.com/css?family=Edu+SA+Beginner:regular,500,600,700);@import url(https://fonts.googleapis.com/css?family=Dancing+Script:regular,500,600,700);@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic);@import url(https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);*{box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}a{color:#fff}html{scroll-behavior:smooth}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:#f1f1f1}html::-webkit-scrollbar-thumb{background:#04245c;border:1px solid #f1f1f1;border-radius:20px}body{font-family:poppins,sans-serif}.about-Formation{position:relative}@media(max-width:768px){.about-Formation{text-align:start}}.about-Formation h2{border-bottom:1px solid #000}.about-Formation i{color:#04245c;font-size:3em}.about-Formation span{font-weight:500}.about-Formation .Formation-each{border-left:1px solid #04245c;margin-left:26px;margin-top:8px;padding-left:38px;padding-top:17px}.about-Formation .Formation-each .title-img{align-items:center;display:flex;position:relative}.about-Formation .Formation-each img.img{height:104px;width:108px;z-index:-1}@media(max-width:768px){.about-Formation .Formation-each img.img{display:none}}.about-Formation .Formation-each img.Etna{margin-left:7px}.about-Formation .Formation-each img.Openclassrooms{height:30px;margin-left:15px;width:33px}.about-Formation .Formation-each img.upc{height:35px;margin-left:5px;width:50px}.about-Formation .Formation-each img.ufc{height:127px;margin-left:-8px;width:100px}.about-Formation .Formation-each img.tbg{height:65px;margin-left:7px;width:70px}.about-Formation h3{color:#000;font-size:1.2em;position:relative}.about-Formation h3:hover{color:#04245c}.about-Formation h3 em{color:#04245c;font-size:15px;font-weight:400}.about-Formation h3:before{background-color:#fff;border:1px solid #04245c;border-radius:50%;content:" ";display:inline-block;height:20px;left:calc(-2em - 11px);position:absolute;top:5px;width:20px}.about-Formation .Etna p{margin-top:-30px}@media(max-width:768px){.about-Formation .Etna p{margin-top:8px}}.about-Formation .openclassroom p{margin-top:10px}.about-Formation .upc p{margin-bottom:-10px;margin-top:8px}@media(max-width:768px){.about-Formation .upc p{margin-bottom:20px}}.about-Formation .ufc p{margin-top:-35px}@media(max-width:768px){.about-Formation .ufc p{margin-top:10px}}.Competences-Container{display:flex;flex-direction:column;margin-bottom:15px}@media screen and (max-width:768px){.Competences-Container{margin-bottom:10px}}.Competences-Container h2{border-bottom:1px solid #000}.Competences-Container .langes-programation{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:768px){.Competences-Container .langes-programation{flex-direction:column;gap:20px}}.Competences-Container .programation ul{display:flex;flex-direction:column}.Competences-Container .programation ul li{margin-bottom:3px}@media screen and (max-width:768px){.Competences-Container .programation ul li{margin-bottom:0}}.Competences-Container .programation ul .div-span{margin-bottom:5px;text-align:end}@media screen and (max-width:768px){.Competences-Container .programation ul .div-span{margin-bottom:0;margin-top:0}}.Competences-Container .programation ul span{font-size:13px;font-weight:400}.Competences-Container .icons ul{display:flex;flex-direction:column}.Competences-Container .icons ul span.veille{margin-left:10px}.Competences-Container .icons ul li{margin-bottom:18px}@media screen and (max-width:768px){.Competences-Container .icons ul{display:none}}.Competences-Container li{font-weight:300}.Competences-Container ul.logo-orogramation{display:flex;flex-wrap:wrap;gap:20px;height:260px;width:260px}@media screen and (max-width:768px){.Competences-Container ul.logo-orogramation{display:none}}.Competences-Container ul.logo-orogramation img{height:45px;width:50px}.Competences-Container .progress{background-color:#e0e0e0;border-radius:5px;height:10px;width:100%}.Competences-Container .progress-bar{background:#04245c;border-radius:5px;height:100%;transition:all .3s ease-in-out}.Competences-Container .Front{width:75%}.Competences-Container .Back{width:70%}.Competences-Container .htmlCss{width:65%}.Competences-Container .git{width:60%}.Competences-Container i{color:#999;font-size:28px;margin-right:25px}header{background-color:rgba(0,0,0,.88);color:#fff;padding:15px 0;width:100%;z-index:4}header .fas.fa-bars{visibility:hidden}header .isPhone{margin-top:25px}header .isPhone .nav{align-items:center;display:flex;justify-content:space-around;width:100%}header .isPhone .nav li{margin:0;padding:0}header .isPhone .nav a{padding:5px 0}@media(max-width:768px){header{background-color:rgba(0,0,0,.978);position:fixed}header .fas.fa-bars{font-size:25px;visibility:visible}}.header{align-items:center;display:flex;justify-content:space-around}h1.h1{color:#04245c;cursor:pointer;font-family:Edu SA Beginner,cursive;font-size:45px;font-weight:600}h1.h1 span.span{color:#fff;font-size:30px}ul.nav{display:flex;gap:30px}@media screen and (max-width:768px){ul.nav{display:none}}ul.nav .active{border-bottom:2px solid #063588;color:#063588}ul.nav .active,ul.nav a{font-weight:700;padding:5px 10px}ul.nav a{border-radius:5px;color:#fff;font-size:1em;transition:all .2s ease-in-out}ul.nav a:hover{border-bottom:2px solid #063588;color:#063588;font-weight:700;padding:5px 10px}footer{background-color:rgba(2,19,52,.97);color:#fff;display:flex;height:100%;justify-content:space-around;overflow:hidden;padding:20px 0}@media(max-width:768px){footer{align-items:center;flex-direction:column}}footer .lien-externe{align-items:flex-start;display:flex;flex-direction:column;font-style:italic;justify-content:center}footer img{height:90px;width:90px}@media(max-width:768px){footer img{margin-top:30px}}footer ul.reseaux-sociaux{display:flex;padding:20px 0;position:relative;-webkit-transform:rotate(340deg) skew(25deg);transform:rotate(340deg) skew(25deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media screen and (max-width:768px){footer ul.reseaux-sociaux{align-items:center;justify-content:center;-webkit-transform:rotate(0deg) skew(0deg);transform:rotate(0deg) skew(0deg)}}footer ul.reseaux-sociaux li{height:35px;list-style:none;margin:0 10px;position:relative;width:35px}footer ul.reseaux-sociaux li span{align-items:center;border-radius:50%;box-shadow:-1px 1px 1px #f2f2f2;color:#f2f2f2;display:flex!important;font-size:15px!important;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:.2s;width:100%}footer ul.reseaux-sociaux li:hover span{color:#fff;transition:.5s;z-index:10}footer ul.reseaux-sociaux li:first-child:hover span{background:#30487c}footer ul.reseaux-sociaux li:nth-child(2):hover span{background:#d81e41}footer ul.reseaux-sociaux li:nth-child(3):hover span{background:#00525c}footer ul.reseaux-sociaux li:nth-child(4):hover span{background:#007ec7}.container-home-page{display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.container-home-page .footer-identity{align-items:center;display:flex;font-family:Dancing Script,cursive;font-weight:700;gap:10px;height:30px;margin-top:5px}.container-home-page .footer-identity h2{color:#707070;font-size:35px}.container-home-page h1{color:#04245c;font-family:Edu SA Beginner,cursive;font-size:45px;font-weight:600}.container-home-page h1 span{color:#707070}.container-home-page .span-salut{font-size:23px;margin-bottom:5px}.container-home-page button{background-color:#fff;border:none;border-radius:40px;box-shadow:0 0 10px rgba(0,0,0,.1);color:rgba(0,0,0,.88);cursor:pointer;font-size:1.15em;font-weight:700;margin-top:10px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease-in-out;z-index:1}.container-home-page button:before{background:#04245c;border-radius:40px;content:"";height:100%;left:50%;position:absolute;top:150%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:100%;z-index:-1}.container-home-page button:hover{color:#fff}.container-home-page button:hover:before{top:50%}.container-home-page .main-center-home{align-items:center;display:flex;gap:120px;height:100%;justify-content:center;overflow:hidden;position:relative}.container-home-page .main-center-home .home-img{height:100%;position:absolute;width:100%;z-index:-1}.container-home-page .main-center-home .home-img img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:768px){.container-home-page .main-center-home{flex-direction:column-reverse;gap:50px}}.container-home-page .main-home{align-items:center;display:flex;flex-direction:column;justify-content:center}.container-home-page .video{font-family:Dancing Script,cursive;font-size:1.3em;-webkit-transform:rotate(3deg) skew(-20deg);transform:rotate(3deg) skew(-20deg)}.container-home-page ul.reseaux-sociaux{display:flex;position:relative;-webkit-transform:rotate(-25deg) skew(25deg);transform:rotate(-25deg) skew(25deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media screen and (max-width:768px){.container-home-page ul.reseaux-sociaux{-webkit-transform:rotate(0deg) skew(0deg);transform:rotate(0deg) skew(0deg)}}.container-home-page ul.reseaux-sociaux li{height:40px;list-style:none;position:relative;width:40px}.container-home-page ul.reseaux-sociaux li span{align-items:center;background:#919191;display:flex!important;font-size:15px!important;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:.2s;width:100%}.container-home-page ul.reseaux-sociaux li:hover span{box-shadow:-1px 1px 1px rgba(0,0,0,.5);color:#fff;transition:.5s;z-index:10}.container-home-page ul.reseaux-sociaux li:hover span:nth-child(3){opacity:.6;-webkit-transform:translate(10px,-20px);transform:translate(10px,-20px)}@media screen and (max-width:768px){.container-home-page ul.reseaux-sociaux li:hover span:nth-child(3){-webkit-transform:translate(0);transform:translate(0)}}.container-home-page ul.reseaux-sociaux li:hover span:nth-child(2){opacity:.4;-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media screen and (max-width:768px){.container-home-page ul.reseaux-sociaux li:hover span:nth-child(2){-webkit-transform:translate(0);transform:translate(0)}}.container-home-page ul.reseaux-sociaux li:hover span:first-child{opacity:.2;-webkit-transform:translate(-10px);transform:translate(-10px)}@media screen and (max-width:768px){.container-home-page ul.reseaux-sociaux li:hover span:first-child{-webkit-transform:translate(0);transform:translate(0)}}.container-home-page ul.reseaux-sociaux .envelope:first-child:hover span,.container-home-page ul.reseaux-sociaux .fa-envelope{background:rgba(4,36,92,.729)}.container-home-page ul.reseaux-sociaux li.envelope{margin-right:35px}.container-home-page ul.reseaux-sociaux .fa-github,.container-home-page ul.reseaux-sociaux .github:first-child:hover span{background:rgba(0,0,0,.57)}.container-home-page ul.reseaux-sociaux a{color:#fff}.about-container{font-family:Poppins,sans-serif;height:100%}@media screen and (max-width:768px){.about-container{text-align:center}}.about-container .about-content{margin:0 auto;padding-top:25px;width:85%}@media screen and (max-width:768px){.about-container .about-content{align-items:center;display:flex;flex-direction:column;padding-top:80px;width:95%}}.about-container .about-content img{border-radius:50%;float:left;height:300px;margin-right:20px;width:300px}@media screen and (max-width:768px){.about-container .about-content img{height:200px;width:200px}}.about-container .about-content a{color:#0000f0}.about-container h2{font-size:30px}.about-container h2,.about-container p{font-weight:300;line-height:2em;margin-bottom:30px}.about-container p{font-size:16px}.container-identity{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;margin-bottom:40px;margin-top:40px;padding:20px}@media screen and (max-width:768px){.container-identity{margin-bottom:10px;margin-top:0}}.container-identity ul{display:flex;justify-content:space-evenly;width:100%}.container-identity ul li{color:#4c4c4c;font-size:1.1em}.container-identity span{font-size:16px;font-weight:300;line-height:2em;margin-bottom:30px}.portfolio-container{display:flex;flex-direction:column;height:100%;text-align:center;width:100%}.portfolio-container footer{margin-top:135em}@media(max-width:768px){.portfolio-container footer{margin-top:70em}}.mesProjets{margin:0 auto;width:90%}@media(max-width:768px){.mesProjets{margin-bottom:70px;margin-top:80px}}.portfolio-content{gap:20px;margin:0 auto;padding:65px 0;position:relative;width:90%}@media(max-width:768px){.portfolio-content{display:flex;flex-direction:column;height:100vh}}.portfolio-content .ligne{background-color:#04245c;border-radius:20px;height:135em;left:50%;margin-top:55px;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3px}@media(max-width:768px){.portfolio-content .ligne{display:none}}.portfolio-content .boule{align-items:center;background-color:#04245c;border:1px solid #04245c;border-radius:50%;display:flex;height:30px;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .3s ease-in-out;width:30px;z-index:1}@media(max-width:768px){.portfolio-content .boule{background-color:transparent;border:none;height:100%;position:relative;width:100%}.portfolio-content .boule i{display:none}}.portfolio-content .boule1{top:50px}@media(max-width:768px){.portfolio-content .boule1{top:0}}.portfolio-content .boule1 i{color:#60d9f5}.portfolio-content .boule2{top:425px}@media(max-width:768px){.portfolio-content .boule2{top:30px}}.portfolio-content .boule2 i{color:#59a845}.portfolio-content .boule3{top:795px}@media(max-width:768px){.portfolio-content .boule3{top:60px}}.portfolio-content .boule3 i{color:#efd81d}.portfolio-content .boule4{top:72.5em}@media(max-width:768px){.portfolio-content .boule4{top:90px}}.portfolio-content .boule4 i{color:#fff}.portfolio-content .boule5{top:95em}@media(max-width:768px){.portfolio-content .boule5{top:120px}}.portfolio-content .boule5 i{color:#c76395}.portfolio-content .boule6{top:118em}@media(max-width:768px){.portfolio-content .boule6{top:150px}}.portfolio-content .boule6 i.fa-html5{color:#de4b25}.portfolio-content .boule6 i.fa-css3{color:#016cb4}.portfolio-content .bloc{border-radius:50px 0 50px 50px;box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer;height:315px;position:absolute;text-align:start;width:405px}@media(max-width:390px){.portfolio-content .bloc{height:210px;width:300px}}@media(max-width:921px){.portfolio-content .bloc{height:230px;width:355px}}@media(max-width:768px){.portfolio-content .bloc{border-radius:50px;display:flex;height:290px;position:relative}}.portfolio-content .text{background:rgba(4,36,92,.859);border-radius:0 0 50px 50px;bottom:0;color:#f2f2f2;padding:10px 0 10px 25px;position:absolute;width:100%}.portfolio-content .text a,.portfolio-content .text p{margin-bottom:5px}@media(max-width:390px){.portfolio-content .text{font-size:15px}}@media(max-width:921px){.portfolio-content .text{font-size:15px}}@media(max-width:768px){.portfolio-content .text{font-size:15px}}.portfolio-content .bloc1{background:url(/static/media/groupomania.58e39f18ebc4d9422e01.png);background-position:50%;background-repeat:no-repeat;background-size:cover;right:38px;top:2px}@media(max-width:768px){.portfolio-content .bloc1{right:0;top:0}}.portfolio-content .bloc2{background:url(/static/media/p6_openclassroom_piquante.6eeffb8aa8bc6a21d7dd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 50px 50px 50px;left:38px;top:1px}@media(max-width:768px){.portfolio-content .bloc2{border-radius:50px;left:0;top:0}}.portfolio-content .bloc3{background:url(/static/media/p5_openclassroom_kanap.901f9d6513de21682efa.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 10px rgba(0,0,0,.1);right:42px;top:3px}@media(max-width:768px){.portfolio-content .bloc3{right:0;top:0}}.portfolio-content .bloc4{background:url(/static/media/la-chouette-agence-p4-openclassroom.d40d07532c6f35a2de59.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 50px 50px 50px;left:42px;top:3px}@media(max-width:768px){.portfolio-content .bloc4{border-radius:50px;left:0;top:0}}.portfolio-content .bloc5{background:url(https://camo.githubusercontent.com/ddd91e114474e932046515ff52197b87c834e5232f93f0fe2ba0a1ab94ec131e/68747470733a2f2f757365722e6f632d7374617469632e636f6d2f75706c6f61642f323032302f30382f32342f31353938323630353930383431385f4d61717565747465732532304f686d79666f6f642e6a7067);background-position:50%;background-repeat:no-repeat;background-size:cover;right:42px;top:3px}@media(max-width:768px){.portfolio-content .bloc5{right:0;top:0}}.portfolio-content .bloc6{background:url(/static/media/booki-p2-openclassroom.2147876b69e0f34eefd6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 50px 50px 50px;left:42px;top:3px}@media(max-width:768px){.portfolio-content .bloc6{border-radius:50px;left:0;top:0}}.Container-contact{display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.Container-contact footer{flex:.3 1}.container-form_contact{flex:2 1;width:100%}.container-form_contact,form.Form-contact{align-items:center;display:flex;justify-content:center}form.Form-contact{background:#fff;border-radius:50px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);flex-direction:column;padding:2em;width:21em}form.Form-contact h2{color:#04245c}@media(min-width:200px)and (max-width:400px){form.Form-contact{width:calc(100% - 3em)}}form.Form-contact input{border:1px solid #ccc;border-radius:5px;margin-bottom:1em;padding:.5em;width:18em}@media(min-width:200px)and (max-width:400px){form.Form-contact input{width:16em}}form.Form-contact input:focus{border:1px solid #04245c;outline:none}form.Form-contact textarea{border:1px solid #ccc;border-radius:5px;height:7em;padding:.5em;resize:none;width:18em}@media(min-width:200px)and (max-width:400px){form.Form-contact textarea{width:16em}}form.Form-contact textarea:focus{border:1px solid #04245c;outline:none}form.Form-contact button{background-color:#04245c;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.6em 3em;transition:all .3s ease-in-out;width:100%}form.Form-contact button:hover{background-color:#031a44;color:#fff}form.Form-contact button i{font-size:1.2em}form.Form-contact .disabled{background-color:#ccc;cursor:not-allowed}form.Form-contact .disabled:hover{background-color:#ccc}form.Form-contact .error{display:none}form.Form-contact .messageError{color:red;display:block;font-size:.8em;margin-top:.5em}.Form-contact__success{align-items:center;background:rgba(4,36,92,.788);border-radius:50px;color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;padding:4em;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:21em;z-index:5}.Form-contact__success button{background-color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:16px;padding:.7em 1em;transition:all .2s ease-out;width:75%}.Form-contact__success button a{color:rgba(4,36,92,.824)}.Form-contact__success button:hover{background-color:rgba(4,36,92,.824);color:#fff}.Form-contact__success button:hover a{color:#fff}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.page-loader{align-items:center;background-color:#fff;display:flex;justify-content:center;overflow:hidden;position:absolute;z-index:99999}#bgVideo,.page-loader{height:100%;width:100%}#bgVideo{z-index:-1}
/*# sourceMappingURL=main.284be7c5.css.map*/