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}.global{font-family:Overpass,sans-serif}.header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header .logo{margin-bottom:10px;margin-left:30px;margin-top:10px}.header .nav{display:flex;gap:30px;justify-content:flex-end;margin-right:30px;width:80%}.header .nav .navlink{color:#26495c;text-decoration:none}.homecontainer{align-items:center;background-color:#26495c;color:#fff;display:flex;flex-direction:column;height:700px;justify-content:center;width:100%}.homecontainer #background-image{height:100%;object-fit:cover;overflow:hidden;position:relative;width:100%}.homecontainer .introduction{align-items:center;display:flex;flex-direction:column;font-size:60px;height:100%;justify-content:center;position:absolute;width:100%}.homecontainer .scrollingfromtop{align-items:center;display:flex;justify-content:space-between;position:absolute;top:700px;width:100%}.homecontainer .scrollingfromtop #linktravaux{border:4px solid #fff;border-radius:30px;color:#fff;padding:10px;text-decoration:none}.homecontainer .scrollingfromtop #arrow_down_left_icon{color:#fff;height:30px;left:50px;position:relative;width:30px}.homecontainer .scrollingfromtop #arrow_down_right_icon{color:#fff;height:30px;position:relative;right:50px;width:30px}.aboutcontainer{background-color:#fff;height:600px;width:100%}.aboutcontainer .about{align-items:center;color:#26495c;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.aboutcontainer .about h1{margin-top:50px}.aboutcontainer .about .aboutcontent{display:flex;gap:150px;height:100%;justify-content:center;margin-bottom:50px;position:relative;width:100%}.aboutcontainer .about .aboutcontent .textpart{align-items:center;display:flex;height:100%;justify-content:flex-start;width:30%}.aboutcontainer .about .aboutcontent .textpart #textforfade{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.aboutcontainer .about .aboutcontent .textpart #textforfade #download-btn{align-items:center;background-color:#26495c;border:none;border-radius:20px;color:#26495c;color:#fff;display:flex;justify-content:center;padding:7px;text-decoration:none;width:40%}.aboutcontainer .about .aboutcontent .textpart #textforfade #download-btn:hover{cursor:pointer}.aboutcontainer .about .aboutcontent .photopart{align-items:center;display:flex;height:100%;justify-content:center;width:30%}.aboutcontainer .about .aboutcontent .photopart #profilepic{border-radius:50%;width:50%}.servicescontainer{background:linear-gradient(180deg,#26495c,#0c171d);display:flex;flex-direction:column;height:700px;justify-content:center}.servicescontainer .services{align-items:center;display:flex;flex-direction:column}.servicescontainer .services #servicetitle{color:#fff}.servicescontainer .services .servicescards{display:flex;flex-wrap:wrap;justify-content:space-around}.servicescontainer .services .servicescards .servicesinglecard{align-items:center;background-color:#fff;border:1px solid #26495c;border-radius:15px;color:#26495c;display:flex;flex-direction:column;height:400px;justify-content:center;margin:30px;text-align:center;width:300px}.servicescontainer .services .servicescards .servicesinglecard h1,.servicescontainer .services .servicescards .servicesinglecard p{padding:10px}.servicescontainer .services .servicescards .servicesinglecard .servicestools{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:90%}.servicescontainer .services .servicescards .servicesinglecard .servicestools .tool .toollogo{border-radius:20%;height:60px;object-fit:contain;width:60px}.studies_competences{height:1100px;width:100%}.studies_competences #background-image-studies{height:100%;object-fit:cover;position:relative;width:100%}.studies_competences .filter{background-color:#000;height:1104px;opacity:.7;position:absolute;top:2100px;width:100%;z-index:1}.studies_competences .studiescontainer{border-bottom:1px solid #fff;height:500px;position:absolute;top:2110px;width:100%;z-index:2}.studies_competences .studiescontainer .studies{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.studies_competences .studiescontainer .studies h1{color:#fff;margin:80px}.studies_competences .studiescontainer .studies .studiescards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.studies_competences .studiescontainer .studies .studiescards .studiescard{align-items:center;background-color:#fff;border-radius:10px;color:#26495c;display:flex;gap:10px;height:100px;justify-content:center;padding:10px;width:300px}.studies_competences .studiescontainer .studies .studiescards .studiescard .text{display:flex;flex-direction:column;justify-content:center}.studies_competences .studiescontainer .studies .studiescards .studiescard .text h2{font-size:20px;margin:0}.studies_competences .studiescontainer .studies .studiescards .studiescard .text p{font-size:15px;margin:0}.studies_competences .studiescontainer .studies .studiescards .studiescard .studies_logo{object-fit:contain;width:100px}.studies_competences .competencescontainer{height:600px;position:absolute;top:2610px;width:100%;z-index:2}.studies_competences .competencescontainer .competences{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.studies_competences .competencescontainer .competences h1{color:#fff;margin:80px}.studies_competences .competencescontainer .competences .competencecards{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;width:80%}.studies_competences .competencescontainer .competences .competencecards .competencecard{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:120px;justify-content:center;padding:10px;width:120px}.studies_competences .competencescontainer .competences .competencecards .competencecard .competence_logo{object-fit:contain;width:100%}.projectscontainer{background:linear-gradient(180deg,#0c171d,#26495c);color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center}.projectscontainer .projects{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;margin-top:40px}.projectscontainer .projects .projectscards{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:20px}.projectscontainer .projects .projectscards .projectsinglecard{background-color:#fff;border-radius:20px;height:380px;width:580px}.projectscontainer .projects .projectscards .projectsinglecard .projectpicturediv{border-radius:20px;display:flex;height:100%;position:relative;width:100%}.projectscontainer .projects .projectscards .projectsinglecard .projectpicturediv .projectpic{border-radius:20px;object-fit:cover;object-position:top;width:100%}.projectscontainer .projects .projectscards .projectsinglecard .projecttext,.projectscontainer .projects .projectscards .projectsinglecard h1{position:absolute}.projectscontainer .projects .projectscards .projectsinglecard .modal-out .modal-btn{border:none;border-radius:20px;bottom:380px;color:transparent;height:380px;opacity:0;position:relative;width:580px}.projectscontainer .projects .projectscards .projectsinglecard .modal-out .modal-btn:hover{background-color:#fff;cursor:pointer;opacity:.5}.modal_in{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.modal_in .modal_up_part{display:flex;height:400px;margin:20px;padding:20px;width:93%}.modal_in .modal_up_part .up_left{display:flex;width:100%}.modal_in .modal_up_part .up_left .responsive_design{object-fit:contain;position:relative;width:100%}.modal_in .modal_up_part .up_right{color:#26495c;display:flex;flex-direction:column}.modal_in .modal_up_part .up_right .modal-close-btn{background-color:transparent;border:none;position:absolute;right:20px;top:20px}.modal_in .modal_up_part .up_right .modal-close-btn #close_icon{height:30px;width:30px}.modal_in .modal_up_part .up_right .modal-close-btn:hover{cursor:pointer}.modal_in .modal_up_part .up_right .technologies{display:flex;gap:10px}.modal_in .modal_up_part .up_right .technologies .technology{border:2px solid #26495c;border-radius:5px;padding:10px}.modal_in .modal_up_part .up_right .project_link{align-items:center;background-color:#26495c;border-radius:20px;color:#000;color:#fff;display:flex;justify-content:center;margin-top:30px;padding:10px;text-decoration:none;width:150px}.modal_in .modal_down_part{display:flex;flex-wrap:wrap;gap:15px;height:auto;margin:20px;padding:20px;width:93%}.modal_in .modal_down_part .modal_down_capture{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;object-fit:contain;object-position:top;width:48%}.contactcontainer{background-color:#fff;display:flex;flex-direction:column;height:1000px;justify-content:center}.contactcontainer .contact{align-items:center;display:flex;flex-direction:column}.contactcontainer .contact h1{color:#26495c}.contactcontainer .contact .content{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%}.contactcontainer .contact .content .infodiv{align-items:center;display:flex;flex-direction:column;width:30%}.contactcontainer .contact .content .infodiv .info_links{display:flex;gap:25px;margin-top:20px}.contactcontainer .contact .content .infodiv .info_links #logo_github,.contactcontainer .contact .content .infodiv .info_links #logo_linkedin{width:40px}.contactcontainer .contact .content .formdiv{display:flex;justify-content:center;width:40%}.contactcontainer .contact .content .formdiv .form{align-items:center;display:flex;flex-direction:column;height:600px;justify-content:center;margin:50px;width:600px}.contactcontainer .contact .content .formdiv .form .input{border:none;border-radius:5px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:30px;margin:16px;padding:5px}.contactcontainer .contact .content .formdiv .form #first_line{display:flex}.contactcontainer .contact .content .formdiv .form #first_line #nom,.contactcontainer .contact .content .formdiv .form #first_line #prenom{width:280px}.contactcontainer .contact .content .formdiv .form #email,.contactcontainer .contact .content .formdiv .form #sujet{width:600px}.contactcontainer .contact .content .formdiv .form #message{height:200px;width:600px}.contactcontainer .contact .content .formdiv .form #submit{background-color:#26495c;border:1px solid #fff;border-radius:15px;color:#fff;height:40px;padding:10px;width:250px}.contactcontainer .contact .content .formdiv .form #submit:hover{cursor:pointer}.contactcontainer #linkhomediv{display:flex;justify-content:center;margin-top:80px}.contactcontainer #linkhomediv #linkhome{border:4px solid #26495c;border-radius:30px;bottom:20px;color:#26495c;padding:10px;position:relative;text-decoration:none;z-index:3}.footer{align-items:center;background-color:#26495c;color:#fff;display:flex;font-size:12px;height:180px;justify-content:space-between}.footer .footer_links{width:30%}.footer .footer_links #logo_github_footer,.footer .footer_links #logo_linkedin_footer{height:auto;width:60px}.footer h2{width:30%}.footer img{height:100px;margin:50px;width:100px}.fade.out{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.fade.Laravel{transition:opacity .7s,-webkit-transform .7s;transition:opacity .7s,transform .7s;transition:opacity .7s,transform .7s,-webkit-transform .7s}.fade.React{transition:opacity .7s .1s,-webkit-transform .7s .2s;transition:opacity .7s .1s,transform .7s .2s;transition:opacity .7s .1s,transform .7s .2s,-webkit-transform .7s .2s}.fade.PHP{transition:opacity .7s .2s,-webkit-transform .7s .2s;transition:opacity .7s .2s,transform .7s .2s;transition:opacity .7s .2s,transform .7s .2s,-webkit-transform .7s .2s}.fade.Javascript{transition:opacity .7s .3s,-webkit-transform .7s .3s;transition:opacity .7s .3s,transform .7s .3s;transition:opacity .7s .3s,transform .7s .3s,-webkit-transform .7s .3s}.fade.HTML{transition:opacity .7s .4s,-webkit-transform .7s .4s;transition:opacity .7s .4s,transform .7s .4s;transition:opacity .7s .4s,transform .7s .4s,-webkit-transform .7s .4s}.fade.CSS{transition:opacity .7s .5s,-webkit-transform .7s .5s;transition:opacity .7s .5s,transform .7s .5s;transition:opacity .7s .5s,transform .7s .5s,-webkit-transform .7s .5s}.fade.Sass{transition:opacity .7s .6s,-webkit-transform .7s .6s;transition:opacity .7s .6s,transform .7s .6s;transition:opacity .7s .6s,transform .7s .6s,-webkit-transform .7s .6s}.fade.Node\.js{transition:opacity .7s .7s,-webkit-transform .7s .7s;transition:opacity .7s .7s,transform .7s .7s;transition:opacity .7s .7s,transform .7s .7s,-webkit-transform .7s .7s}.fade.MongoDB{transition:opacity .7s .8s,-webkit-transform .7s .8s;transition:opacity .7s .8s,transform .7s .8s;transition:opacity .7s .8s,transform .7s .8s,-webkit-transform .7s .8s}.fade.MySQL{transition:opacity .7s .9s,-webkit-transform .7s .9s;transition:opacity .7s .9s,transform .7s .9s;transition:opacity .7s .9s,transform .7s .9s,-webkit-transform .7s .9s}.fade.ProTools{transition:opacity .7s 1s,-webkit-transform .7s 1s;transition:opacity .7s 1s,transform .7s 1s;transition:opacity .7s 1s,transform .7s 1s,-webkit-transform .7s 1s}.fade.Resolve{transition:opacity .7s 1.1s,-webkit-transform .7s 1.1s;transition:opacity .7s 1.1s,transform .7s 1.1s;transition:opacity .7s 1.1s,transform .7s 1.1s,-webkit-transform .7s 1.1s}.fade.Développeur{transition:opacity .7s,-webkit-transform .7s;transition:opacity .7s,transform .7s;transition:opacity .7s,transform .7s,-webkit-transform .7s}.fade.ENS{transition:opacity .7s .1s,-webkit-transform .7s .1s;transition:opacity .7s .1s,transform .7s .1s;transition:opacity .7s .1s,transform .7s .1s,-webkit-transform .7s .1s}.fade.License{transition:opacity .7s .2s,-webkit-transform .7s .2s;transition:opacity .7s .2s,transform .7s .2s;transition:opacity .7s .2s,transform .7s .2s,-webkit-transform .7s .2s}.fade.BTS{transition:opacity .7s .3s,-webkit-transform .7s .3s;transition:opacity .7s .3s,transform .7s .3s;transition:opacity .7s .3s,transform .7s .3s,-webkit-transform .7s .3s}.fade.Baccalauréat{transition:opacity .7s .4s,-webkit-transform .7s .4s;transition:opacity .7s .4s,transform .7s .4s;transition:opacity .7s .4s,transform .7s .4s,-webkit-transform .7s .4s}.fadeservice{transition:opacity .7s,-webkit-transform .7s;transition:opacity .7s,transform .7s;transition:opacity .7s,transform .7s,-webkit-transform .7s}.fadeservice.out{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.fadeabout.textforfade{transition:opacity .7s,-webkit-transform .7s;transition:opacity .7s,transform .7s;transition:opacity .7s,transform .7s,-webkit-transform .7s}.fadeabout.textforfade.out{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.fadeabout.photoforfade{transition:opacity .7s,-webkit-transform .7s;transition:opacity .7s,transform .7s;transition:opacity .7s,transform .7s,-webkit-transform .7s}.fadeabout.photoforfade.out{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}@media(max-width:850px){.header{justify-content:flex-start}.header .logo{margin-left:5px}.header .nav{flex-wrap:wrap;gap:10px;width:90%}.homecontainer{height:500px}.homecontainer .introduction{font-size:40px;height:500px;justify-content:center;text-align:center}.homecontainer .scrollingfromtop{display:none}.aboutcontainer{height:600px}.aboutcontainer .about .aboutcontent{align-items:center;flex-direction:column;gap:10px;text-align:center}.aboutcontainer .about .aboutcontent .textpart{width:100%}.aboutcontainer .about .aboutcontent .textpart #download-btn{width:50%}.aboutcontainer .about .aboutcontent .photopart{width:100%}.servicescontainer{height:1100px;justify-content:flex-start}.servicescontainer .services #servicetitle{margin-top:50px}.servicescontainer .services .servicescards{flex-wrap:wrap}.servicescontainer .services .servicescards .servicesinglecard{height:250px;width:300px}.servicescontainer .services .servicescards .servicesinglecard h1{font-size:25px;padding:0}.servicescontainer .services .servicescards .servicesinglecard p{padding:0 5px}.servicescontainer .services .servicescards .servicesinglecard .servicestools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:90%}.servicescontainer .services .servicescards .servicesinglecard .servicestools .tool .toollogo{border-radius:20%;height:40px;object-fit:contain;width:40px}.studies_competences{height:1400px}.studies_competences .filter{height:1400px;top:2300px}.studies_competences .studiescontainer{height:600px;top:2300px}.studies_competences .studiescontainer .studies h1{margin:40px}.studies_competences .studiescontainer .studies .studiescards{flex-direction:column;gap:20px}.studies_competences .studiescontainer .studies .studiescards .studiescard{height:50px;justify-content:flex-start;width:300px}.studies_competences .studiescontainer .studies .studiescards .studiescard .studies_logo{display:none}.studies_competences .competencescontainer{height:800px;top:2900px}.studies_competences .competencescontainer .competences h1{margin:40px}.studies_competences .competencescontainer .competences .competencecards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.studies_competences .competencescontainer .competences .competencecards .competencecard{height:80px;width:80px}.projectscontainer{height:auto;justify-content:flex-start}.projectscontainer .projects .projectscards{justify-content:center}.projectscontainer .projects .projectscards .projectsinglecard{height:300px;width:300px}.projectscontainer .projects .projectscards .projectsinglecard .modal-out .modal-btn{bottom:300px;height:300px;width:300px}.modal_in{overflow:auto}.modal_in .modal_up_part{flex-direction:column;height:100%;justify-content:center;margin:10px;padding:0}.modal_in .modal_up_part .up_left,.modal_in .modal_up_part .up_right{align-items:center;justify-content:center}.modal_in .modal_up_part .up_right h2,.modal_in .modal_up_part .up_right h3{margin:0}.modal_in .modal_up_part .up_right .technologies{align-items:center;flex-wrap:wrap;gap:5px;justify-content:center}.modal_in .modal_up_part .up_right .technologies .technology{margin-top:15px}.modal_in .modal_up_part .up_right .project_link{margin-top:20px}.modal_in .modal_down_part{display:none}.contactcontainer{height:1200px;justify-content:center}.contactcontainer .contact .content{flex-direction:column}.contactcontainer .contact .content .infodiv{justify-content:center;text-align:center}.contactcontainer .contact .content .formdiv .form #first_line #nom,.contactcontainer .contact .content .formdiv .form #first_line #prenom{width:130px}.contactcontainer .contact .content .formdiv .form #email,.contactcontainer .contact .content .formdiv .form #sujet{width:300px}.contactcontainer .contact .content .formdiv .form #message{height:200px;width:300px}.contactcontainer #linkhomediv{margin-top:35px}.footer{flex-direction:column;height:400px}.footer,.footer .footer_links{align-items:center;justify-content:center}.footer .footer_links{display:flex;gap:25px;height:100px;width:100%}.footer .footer_links #logo_github_footer,.footer .footer_links #logo_linkedin_footer{margin:0;width:30px}.footer h2{display:flex;font-size:20px;justify-content:center;width:100%}.footer img{height:auto;width:20%}}
/*# sourceMappingURL=main.3cf6db98.css.map*/