@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Kurale&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}h1{font-size:9.6rem;font-family:"Kurale";color:#ff9276}h2{font-size:3.2rem;font-family:"Kurale";color:#fad4ca}h2 span{color:#ff9276}h3{font-size:2.4rem;font-family:"Kurale";color:#fad4ca}h4{font-size:2rem;font-family:"Raleway";color:#fad4ca}a{font-family:"Kurale";text-decoration:none;color:#fad4ca;font-size:1.6rem}p{font-family:"Raleway";color:#fad4ca;font-size:1.6rem}.bouton,input[type=submit]{color:#fad4ca;display:flex;justify-content:center;align-items:center;padding:.8rem 2.4rem;border-radius:2.4rem;border:1px solid #843c2c;background-color:#371811;text-decoration:none}.bouton:hover,input[type=submit]:hover{border:1px solid #aa4e3a;background-color:#4d170c}.bouton img,input[type=submit] img{width:4.2rem;padding-right:1.2rem}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,0);position:fixed;top:0;left:0;height:8svh;width:100%;z-index:9999;padding:0}header a{font-family:"Kurale";font-size:3.2rem;color:#fad4ca;padding:0 5vw;text-decoration:none}header .burger{display:none}header .menu-nav-container{display:flex}header .menu-nav-container ul{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5vw}header .menu-nav-container ul li{list-style:none}header .menu-nav-container ul li a{font-family:"Kurale";text-decoration:none;color:#fad4ca;font-size:3.2rem}main{background-color:#160f0e}main #hero{height:100svh;padding:8svh 5vw;display:flex;justify-content:center;align-items:center}main #hero video{width:100%;height:100svh;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;opacity:.1}main #hero .hero-info{z-index:1;width:60%;padding-left:6.4vw;display:flex;flex-direction:column}main #hero .hero-info h1,main #hero .hero-info .pl,main #hero .hero-info .reseaux-sociaux{padding-left:1.1vw}main #hero .hero-info .reseaux-sociaux{width:85%;padding-top:2.4rem;display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:1.2rem}main #hero .hero-img{z-index:1;width:40%;padding-right:6.4vw}main #hero .hero-img img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:2.4rem}main #projets{min-height:100svh;height:-moz-fit-content;height:fit-content;padding:8svh 5vw;display:flex;justify-content:center}main #projets .projet-div{width:100%;padding-top:13svh;display:flex;justify-content:space-between}main #projets .projet-div .projets-selection{width:30%;height:-moz-fit-content;height:fit-content}main #projets .projet-div .projets-selection-filtre{display:flex;justify-content:space-between;padding-bottom:2.4rem;border-bottom:1px solid #843c2c}main #projets .projet-div .projets-selection-filtre button{font-family:"Kurale";background-color:#371811;color:#fad4ca;border:1px solid #843c2c;padding:.6rem 1.2rem;border-radius:2.4rem;font-size:2.4rem}main #projets .projet-div .projets-selection-filtre button:hover{background-color:#4d170c;border:1px solid #aa4e3a;cursor:pointer}main #projets .projet-div .projets-selection-projet{height:-moz-max-content;height:max-content;padding-top:2.4rem;display:flex;flex-direction:column;justify-content:center}main #projets .projet-div .projets-selection-projet h3:hover{color:#ff9276;cursor:pointer}main #projets .projet-div .projets-selection-projet-div{padding-bottom:1.2rem;display:flex;gap:1.2rem;width:100%}main #projets .projet-div .projets-selection-projet-div-img{display:flex;justify-content:start;align-items:center;gap:1.2rem}main #projets .projet-div .projets-selection-projet-div .active{color:#ff9276}main #projets .projet-div .projets-selection-projet-div img{width:2.4rem;height:2.4rem;display:flex;margin:0 auto}main #projets .projet-div .projets-content-galleries{width:30%;display:flex;flex-direction:column;align-items:end}main #projets .projet-div .projets-content-galleries-image{padding:.8rem 0;width:80%}main #projets .projet-div .projets-content-description{width:30%}main #projets .projet-div .projets-content-description-titre{display:flex;flex-direction:column;gap:2rem}main #projets .projet-div .projets-content-description-titre-nom{width:100%;text-align:center;color:#ff9276}main #projets .projet-div .projets-content-description-texte{padding-top:2.4rem}main #about{height:100svh;padding:8svh 5vw;display:flex;justify-content:center;align-items:center}main #about h2{text-decoration:underline;color:#ff9276}main #about .about-profil{width:50%;padding:0 7.5vw}main #about .about-profil-perso{display:flex;flex-direction:column;gap:2rem}main #about .about-profil-perso p span{font-size:2.4rem;color:#ff9276}main #about .about-profil-pro{padding-top:2.4rem;display:flex;flex-direction:column;gap:2rem}main #about .about-profil-pro .tempo{font-size:2.4rem;color:#ff9276}main #about .about-competences{background-color:rgba(201,55,22,.062745098);padding:2.4rem;border-radius:2.4rem;margin-right:10%;width:40%}main #about .about-competences-web,main #about .about-competences-language,main #about .about-competences-logiciel{padding-top:1.2rem}main #about .about-competences-web h3,main #about .about-competences-language h3,main #about .about-competences-logiciel h3{padding-bottom:1.2rem}main #about .about-competences-web-items,main #about .about-competences-language-items,main #about .about-competences-logiciel-items{display:flex;flex-wrap:wrap;gap:3.2rem}main #about .about-competences-web-items-content,main #about .about-competences-language-items-content,main #about .about-competences-logiciel-items-content{min-width:10rem;max-width:15rem;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:1.2rem}main #about .about-competences-web-items-content img,main #about .about-competences-language-items-content img,main #about .about-competences-logiciel-items-content img{height:10rem}main #about .about-competences-web-items-content p,main #about .about-competences-language-items-content p,main #about .about-competences-logiciel-items-content p{width:100%;text-align:center;word-break:break-all}main #contact{height:100svh;padding:8svh 5vw;display:flex;justify-content:space-around;align-items:center}main #contact .contact-content{width:30%;margin:0 5%;max-height:74svh;display:flex;flex-direction:column;gap:2.4rem}main #contact .contact-content h2{text-decoration:underline;color:#ff9276}main #contact .contact-form{width:30%;margin:0 auto}main #contact .contact-form form.sent .wpcf7-response-output{border:1px solid #2d5736;color:#71d083}main #contact .contact-form input[type=text],main #contact .contact-form input[type=email],main #contact .contact-form textarea{color:#fad4ca;width:100%;padding:1.2rem;border:1px solid #fad4ca;border-radius:.5rem;font-family:"Raleway",sans-serif;font-size:1.6rem;box-shadow:none;outline:none;transition:border-color .3s ease-in-out;background-color:rgba(108,110,121,.3294117647)}main #contact .contact-form input[type=text]:focus,main #contact .contact-form input[type=email]:focus,main #contact .contact-form textarea:focus{border-color:#ff9276}main #contact .contact-form input[type=text]::-moz-placeholder, main #contact .contact-form input[type=email]::-moz-placeholder, main #contact .contact-form textarea::-moz-placeholder{color:#ff9276;opacity:.8}main #contact .contact-form input[type=text]::placeholder,main #contact .contact-form input[type=email]::placeholder,main #contact .contact-form textarea::placeholder{color:#ff9276;opacity:.8}main #contact .contact-form input[type=text]::-ms-input-placeholder,main #contact .contact-form input[type=email]::-ms-input-placeholder,main #contact .contact-form textarea::-ms-input-placeholder{color:#ff9276}main #contact .contact-form .wpcf7-response-output{margin-top:1rem;padding:1rem;border-radius:.5rem;font-size:1.6rem;text-align:center;font-family:"Raleway",sans-serif;border:1px solid #dc3232;color:#dc3232}main #contact .contact-form .wpcf7-response-output[data-status=sent]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}main #contact .contact-form .wpcf7-not-valid-tip{color:#dc3232;font-size:1.6rem;margin-top:.5rem}main #contact .contact-form p{margin-bottom:1rem}main #contact .contact-form p:first-child{display:flex;justify-content:space-between;gap:1rem}main #contact .contact-form p:last-child{display:flex;gap:1rem}main #contact .contact-form p:last-child .wpcf7-spinner{height:100%;width:100%}main #contact .contact-form span.wpcf7-form-control-wrap{width:100%;display:block}@media(max-width: 1441px){html{font-size:8px}}@media(max-width: 1160px){html{font-size:6px}}@media(max-width: 890px){html{font-size:5px}}@media(max-width: 769px){html{font-size:6px}header{padding:0 5vw}header a{padding:0 5vw 0 0}header .burger{display:flex;flex-direction:column;justify-content:space-around;width:5rem;height:80%;cursor:pointer;z-index:1001}header .burger span{display:block;width:100%;height:.2rem;background-color:#fad4ca;border-radius:10px;transition:all .3s ease}header .menu-nav-container{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#160f0e;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:left .3s ease}header .menu-nav-container ul{gap:2.4rem;flex-direction:column;padding:0}header .menu-nav-container ul li a{font-size:6.4rem}header .menu-nav-container.menu-open{left:0}main #hero{flex-direction:column;justify-content:space-around;gap:2.4rem}main #hero .hero-info{width:100%;padding:0;align-items:center}main #hero .hero-info h1,main #hero .hero-info .pl,main #hero .hero-info .reseaux-sociaux{padding-left:0}main #hero .hero-info .reseaux-sociaux{width:100%;justify-content:center}main #hero .hero-img{padding:0;width:40%}main #projets .projet-div{flex-direction:column;justify-content:normal;align-items:center;padding-top:8svh;gap:5.2rem}main #projets .projet-div .projets-selection{width:60%}main #projets .projet-div .projets-content-description{width:80%}main #projets .projet-div .projets-content-galleries{width:80%;align-items:center}main #about{flex-direction:column;gap:5.6rem;min-height:100svh;height:-moz-fit-content;height:fit-content}main #about .about-profil{width:80%;padding:0}main #about .about-competences{width:80%;margin-right:0}main #contact{flex-direction:column;justify-content:center;gap:5.6rem}main #contact .contact-content{width:60%;margin:0}main #contact .contact-form{width:80%;margin:0}}@media(max-width: 400px){html{font-size:5px}main #hero .hero-img{padding:0;width:60%}}/*# sourceMappingURL=style.min.css.map */