@font-face{font-family:Raleway;src:url(/portfolio/static/media/Raleway-VariableFont_wght.e14d84ccec6be3ff19e3.ttf)}.home{align-items:flex-start;box-sizing:border-box;display:flex;gap:0;height:100vh;justify-content:center;padding-top:100px}.home .left_home{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:space-between;padding:15px}.home .div_logo_home{align-items:center;border:1px solid #8a6e2f;border-radius:50%;box-shadow:0 0 3px 2px #8a6e2f;display:flex;height:240px;justify-content:center;width:250px}.home .Logo_home{display:flex;width:400px}.home .desc_home{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:30px 20px 20px}.home .presentation_home,.home .titre_home{color:#8a6e2f;padding-bottom:30px}.home .presentation_home{font-weight:600;max-width:800px;text-align:justify;width:auto}.home .moi{font-weight:600;text-decoration:overline}.home .div_boutons{display:flex;gap:25px;justify-content:end}.home .bouton_home{background-color:#f9d29d;background:linear-gradient(315deg,#f9d29d,#ffd8cb 74%);border:1px solid #cb997e;border-radius:10px;box-shadow:0 0 5px 4px #8a6e2f;cursor:pointer;font-weight:600;height:30px;padding:15px 10px 8px;text-align:center}.home .bouton_home,.home .bouton_home a{color:#8a6e2f;text-decoration:none}.home .bouton_home :visited{text-decoration:none}.home .reseaux{display:flex;gap:10px}.home .icon_reseaux{color:#8a6e2f;font-size:20px}@media screen and (max-width:650px){.home{align-items:center;flex-direction:column;gap:0;justify-content:flex-start;padding:30px 20px 20px}.home .div_logo_home{height:60px;width:62.5px}.home .div_logo_home .Logo_home{width:100px}.home .desc_home{padding:5px 10px 0 5px}.home .left_home{flex-direction:row;padding-bottom:0;padding-top:30px}.home .quisuisje{width:80%}.home .div_boutons{padding-bottom:10px}.home .div_boutons .bouton_home{width:100px}}@media screen and (max-width:400px){.home{padding:15px}.home .desc_home{align-items:center;max-width:300px}.home .presentation_home{text-align:justify}.home .container_bouton{display:flex}.home .div_boutons{flex-direction:column;width:60%}}.About{margin-bottom:0;padding-bottom:100px}.div_about{display:flex;flex-direction:column}.desc_about{display:flex;justify-content:space-around;margin-bottom:0;padding:20px 20px 110px}.quisuisje{width:40%}.titre_about{color:#8a6e2f}.presentation_about{color:#8a6e2f;text-align:justify}.competences{display:flex;gap:10px;padding:30px}.diplomes{color:#8a6e2f;display:flex;flex-direction:column;gap:15px}.diplome-icon{padding-right:5px}.diplome{align-items:center;background:#fff;border:1px solid #8a6e2f;border-radius:15px;box-shadow:0 0 5px 4px #8a6e2f;box-sizing:initial;color:#8a6e2f;display:flex;font-weight:800;height:50px;justify-content:center;padding:10px;text-align:center}.skills{color:#8a6e2f;padding:0}@media(max-width:740px){.desc_about{align-items:center;flex-direction:column;padding:20px}.quisuisje{width:80%}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:30px 30px 205px}.contact h2{color:#8a6e2f}.emailForm{align-items:center;display:flex;flex-direction:column;padding-top:50px;width:50%}input,textarea{border-color:#8a6e2f;border-radius:5px;box-shadow:0 0 5px 4px #8a6e2f;margin:10px 0;outline:1px solid #8a6e2f;width:300px}input{height:30px}.contact_btn{background:linear-gradient(315deg,#f9d29d,#ffd8cb 74%);border-color:#8a6e2f;border-radius:10px;box-shadow:0 0 5px 4px #8a6e2f;color:#8a6e2f;margin-top:20px;padding:10px;width:150px}@media screen and (max-width:460px){input,textarea{width:250px}}.projets{padding-top:50px}.projets h1,.projets h2{color:#8a6e2f}.projets h2{border:1px solid #8a6e2f;border-radius:5px}.ProjectContainer{text-align:center}.projects-container{display:flex;flex-wrap:wrap;justify-content:center}.project-card{background-color:#fff;border:1px solid #ccc;border-radius:15px;box-shadow:0 0 5px 4px #8a6e2f;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:10px}.project-card img{border-radius:15px;height:auto;width:300px}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 0 5px 4px #8a6e2f;color:#8a6e2f;max-height:90%;padding:20px;position:relative}.modal-content h2{color:#8a6e2f}.modal-content p{border:1px solid #8a6e2f;border-radius:5px;padding:3px}.modal-content a{color:#8a6e2f;padding:2px}.close{cursor:pointer;font-size:larger;position:absolute;right:10px;top:10px}@media screen and (max-width:768px){.modal-content,.modal-content .img-modal{width:80%}}body{margin:auto;max-width:1024px}.header{display:flex;justify-content:space-between;padding:20px 20px 5px}.Logo_header{width:100px}.active{background:linear-gradient(315deg,#f9d29d,#ffd8cb 74%)}nav{align-items:center;background-color:#fff;color:#8a6e2f;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}nav .title{color:#8a6e2f;font-size:1.5rem;font-weight:700;margin:1rem;text-decoration:none}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{border-radius:.5rem;color:#8a6e2f;display:block;margin:0 .5rem;padding:.5rem;text-decoration:none}nav ul li a:not(.active):hover{background:linear-gradient(315deg,#f9d29d,#ffd8cb 74%)}nav .menu{display:none;flex-direction:column;height:2rem;justify-content:space-between;position:absolute;right:1rem;top:1.8rem;width:2.25rem}nav .menu span{background-color:#8a6e2f;border-radius:.2rem;height:.4rem;width:100%}@media(max-width:480px){.header{justify-content:center}nav .menu{display:flex}nav{align-items:flex-start}nav,nav ul{flex-direction:column}nav ul{display:none;margin-bottom:.25rem;width:100%}nav ul.open{display:flex;padding:0}nav ul li{text-align:center;width:100%}nav ul li a{margin:.2rem .5rem}}.skills{padding:0 2rem 2rem}.skillsHeader{align-items:center;display:flex;justify-content:center}.skillsHeader h2{font-family:Raleway;font-size:2.7rem;font-style:normal;font-weight:700;text-align:center}.skillsContainer{align-items:center;display:flex;justify-content:center;padding:0 2rem;width:100%}.skill--scroll{margin:0 2rem;width:100%}.skill--box{align-items:center;background:#fafafa;border-radius:10px;box-shadow:0 0 5px 4px #8a6e2f;display:flex;flex-direction:column;height:80px;justify-content:center;margin:1.5rem;padding:2rem 1rem;transition:.6s ease-in-out;width:160px}.skill--box:hover{transform:scale(1.15)}.skill--box>img{height:50px;pointer-events:none}.skill--box h3{color:#000;font-family:Raleway,Text;font-size:22px;font-style:normal;font-weight:500;margin-top:1rem;text-align:center}.marquee{padding:3rem 0}@media(min-width:992px)and (max-width:1380px){.skillsContainer{margin-top:1.5rem;padding:1.5rem}}@media screen and (max-width:992px){.skills{min-height:100%}.skillsContainer{margin:1rem 0;padding:1rem}.skillsHeader h2{font-size:3.2rem}.skill--box{height:150px;margin:1.2rem;padding:2rem 1rem;width:150px}.skill--box>img{height:45px}.skill--box h3{font-size:20px;margin-top:1rem}}@media screen and (max-width:800px){.skillsContainer{padding:.5rem}.skillsHeader h2{font-size:3rem}.skill--scroll{margin:0;width:100%}}@media screen and (max-width:600px){.skill--box{height:135px;margin:1.2rem;padding:2rem 1rem;width:135px}.skill--box>img{height:40px}.skillsHeader h2{font-size:2.5rem}.skill--box h3{font-size:18px;margin-top:1rem}}.services{box-sizing:border-box;flex-direction:column;justify-content:flex-start;padding:3.7rem;z-index:-1}.services,.services-header{align-items:center;display:flex}.services-header{justify-content:center;width:100%}.services-header>h1{color:#8a6e2f;font-family:Raleway;font-size:3.5rem;margin-bottom:26px}.services-body{align-items:center;box-sizing:border-box;color:#8a6e2f;display:flex;flex-direction:column;font-family:Raleway;justify-content:flex-start;margin-bottom:2rem}.services-body>p{font-family:Raleway;font-size:1.5rem;font-weight:400;margin-bottom:6rem;text-align:center;width:60%}.services-bodycontainer{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4.5rem;justify-content:center;width:100%}@media(min-width:992px)and (max-width:1380px){.services{padding:2.7rem}.services-body>p{width:70%}}@media screen and (max-width:992px){.services{padding:1.7rem}.services-body>p{font-size:1.25rem;margin-bottom:4rem;text-align:center;width:85%}.services-bodycontainer{gap:2.5rem}}@media screen and (max-width:800px){.services{padding:1rem}.services-header h1{font-size:3rem;margin-bottom:30px}.services-body>p{font-size:1.05rem;margin-bottom:3rem;text-align:center;width:95%}.services-bodycontainer{gap:2rem}}@media screen and (max-width:600px){.services{padding:.5rem}.services-header h1{font-size:2.5rem;margin-bottom:20px}.services-body p{width:80%}.services-bodycontainer{gap:1rem}}.single-service{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 5px 4px #8a6e2f;display:flex;flex-direction:column;height:170px;justify-content:center;padding:1.4rem;transition:transform .3s ease-in-out;width:170px}.single-service:hover{transform:scale(1.15)}.service-content{align-items:center;display:flex;height:150px;justify-content:center;padding:1rem;position:relative}.service-icon{color:#8a6e2f;position:absolute;top:15%}.service-icon>svg{font-size:2.8rem}.single-service:hover svg{animation:magic .7s ease-in-out both}@keyframes magic{0%,to{transform:translate(0)}25%{transform:translateY(-20px)}50%{transform:translate(0)}75%{transform:translateY(-10px)}}.service-content>h4{align-items:center;color:#8a6e2f;display:flex;font-family:var(--primaryFont);font-size:16px;font-style:normal;font-weight:600;height:60px;justify-content:center;line-height:110%;position:absolute;text-align:center;top:60%}@media screen and (max-width:800px){.single-service{height:160px;padding:1.2rem;width:160px}.service-icon>svg{font-size:2.5rem}.service-content>h4{font-size:15px}}@media screen and (max-width:600px){.single-service{height:150px;padding:1.2rem;width:150px}.single-service:hover{transform:none}.service-icon>svg{font-size:2.2rem}.service-content>h4{font-size:13px;top:50%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e22cc64b.css.map*/