:root{--main-color: #D45C3A;--second-color: #2E4057;--third-color: rgba(247, 234, 230, .6);--fourth-color: rgba(214, 122, 96, .15);--box-shadow: 9px 7px 46px -25px rgba(0, 0, 0, .75);--box-shadow2: 2px 7px 23px -15px rgba(0, 0, 0, .75);--white: #fff;--white2: #525252;--black: #000;--dark: #2b2a33;--margin-top: 5.1rem;--success: #00a65a;--danger: #d9534f;--blue: #0062cc;--warning: #f39c12;--gray1: #f4f4f4;--gray2: rgb(160, 158, 158);--gray3: rgb(242, 243, 245);--padding: 1.5rem;--font-size: 1.5rem;--bradius: 1rem;--border: .1rem solid var(--main-color);--borderdark: .1rem solid var(--dark);--text-size: calc(var(--font-size) * .8);--letter: .3rem;--font1: "Roboto", sans-serif;--font2: "Darker Grotesque", sans-serif;--header:7rem;--linear-gradient: #ed7a07 , rgb(255, 196, 92), #f39c12;--loader:pulse 1.5s ease-in-out infinite}a{color:inherit;text-decoration:none}section{padding-bottom:calc(var(--padding)*2);padding:calc(var(--padding)*2)}img{width:100%;height:100%;outline:0;vertical-align:bottom;object-fit:contain;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;transition:all .4s cubic-bezier(.43,1.1,.62,1.08);box-sizing:border-box;outline:0}body{font-size:var(--font-size);font-family:var(--font1)}textarea{resize:none}li{list-style:none}#app{background-color:var(--gray3)}html{scroll-behavior:smooth;overflow-x:hidden}@media screen and (max-width: 768px){html{font-size:70%}section{padding:calc(var(--padding)/2);padding-bottom:calc(var(--padding)*2)}}#about{background-color:var(--second-color);color:var(--white)}#about .title-container .title{color:var(--white)}.about-container{display:flex;justify-content:center;padding:var(--padding);align-items:center;gap:var(--padding)}.about-text,.about-image-icons{width:40%}.about-image-icons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--padding)}.about-icons{height:100%;display:flex;width:100%;justify-content:space-between}.about-icon{display:flex;align-items:center;flex-direction:column;width:30%}.about-icon i{padding:var(--padding);border-radius:50%;background-color:var(--fourth-color);color:var(--main-color)}.about-text{display:flex;flex-direction:column;gap:1rem;align-items:center;color:var(--gray2)}.about-image{height:20rem;width:20rem;display:flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;border:4px solid var(--main-color);box-shadow:var(--box-shadow2)}.about-description{text-align:center;color:var(--white)}@media screen and (max-width:768px){.about-text,.about-image-icons{width:100%}.about-container{flex-direction:column;gap:var(--padding)}}.title-container{display:flex;flex-direction:column;align-items:center;padding:calc(var(--padding))}.title{text-align:center;font-size:calc(var(--text-size)*3);padding:calc(var(--padding)*1);text-transform:uppercase;color:var(--main-color);font-family:var(--font2)}.title-line{background-color:var(--white);height:.7rem;width:7rem;border:none;border-radius:15px}.title-description{margin-top:var(--padding);width:80%;text-align:center;color:var(--gray1)}.button{height:2.5rem;display:flex;align-items:center;padding:calc(var(--padding)/1) calc(var(--padding)/1);justify-content:center;width:fit-content;border:1px solid var(--white2);border-radius:var(--bradius);font-size:calc(var(--text-size));cursor:pointer;background-color:transparent;font-weight:500;border:1px solid var(--main-color)}button[disabled],button[disabled]:hover{background-color:var(--gray2)}button.delete-btn{background-color:var(--danger);color:var(--white)}.button .fa-solid{margin-left:.5rem;margin-right:.5rem}.full-btn{background-color:var(--main-color);color:var(--white)}.full-btn:hover{background-color:var(--white);color:var(--main-color);border:1px solid var(--main-color)}.button:hover .fa-arrow-right{margin-left:1.5rem}.outline-btn{color:var(--dark);border:var(--border)}.outline-btn:hover{background-color:var(--main-color);color:var(--white)}.outline-btn-success{border:1px solid var(--success);color:var(--success)}.outline-btn-success:hover{color:var(--white);background-color:var(--success)}.outline-btn-warning{border:1px solid var(--warning);color:var(--warning)}.outline-btn-warning:hover{background-color:var(--warning);color:var(--white)}.button a:hover{color:var(--white)}.spinner{height:1.5rem;width:1.5rem;border:3px solid var(--main-color);border-radius:50%;animation:spin 1s ease-in 0s infinite;border-color:var(--main-color) transparent;z-index:50}.page-spinner{height:60dvh;width:100%;display:flex;align-items:center;justify-content:center}.page-spinner .spinner{height:3.5rem;width:3.5rem}@keyframes spin{0%{transform:rotate(360deg)}}footer{background-color:var(--dark);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:var(--padding);color:var(--white)}footer .delimiter{width:50%;height:1px;background-color:var(--white)}footer .title-container .title{color:var(--white)}#footer-social-network{display:flex;gap:2rem;padding-bottom:calc(var(--padding)/2)}#footer-social-network i{padding:calc(var(--padding)/1.5);background-color:var(--main-color);border-radius:50%}#footer-social-network i:hover{background-color:var(--white);color:var(--main-color);transform:translateY(-10px)}#copyright-container{font-size:var(--text-size)}.copyright,.main-color{color:var(--main-color)}#faq-section{padding:var(--padding);display:flex;align-items:center;color:var(--white);justify-content:center;background-color:var(--white)}#faq-section .title-container .title{color:var(--dark)}#faq-section .title-container .title-line{background-color:var(--dark);height:.7rem}.faq-container{width:70%;display:flex;align-items:center;flex-direction:column}.faq-list{width:80%}.faq{border-radius:var(--bradius);display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:1rem}.faq-response{font-size:var(--text-size);padding-left:var(--padding);color:var(--dark);text-align:left!important}.faq-header{display:flex;cursor:pointer;justify-content:space-between;width:100%;align-items:center;padding:1rem var(--padding);border-radius:var(--bradius);border:.1rem solid var(--second-color);background-color:var(--second-color)}.faq-header:hover{background-color:var(--white);color:var(--dark)}@media screen and (max-width:768px){.faq-header{font-size:var(--text-size)}.faq-title{font-size:calc(var(--font-size)*1.5)}.faq-container,.faq-list{width:100%}}#contact{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--dark)}#contact .title-container .title{color:var(--white)}.contact-form{padding:var(--padding);border-radius:var(--bradius);background-color:var(--second-color);display:flex;flex-direction:column;justify-content:center;gap:var(--padding);width:80%}.form-head{display:flex;width:100%;gap:var(--padding)}.contact-form .button{background-color:var(--white);color:var(--main-color)}.message-sent{margin-top:var(--padding);color:var(--white);display:flex;align-items:center;justify-content:center}.message-sent i{margin-right:.25rem;padding:.4rem;background-color:var(--success);font-size:calc(var(--text-size)/1.4);border-radius:50%}.form-head .form-group{width:50%}.contact-form .form-label{color:var(--white)}@media screen and (max-width:768px){.contact-form{width:100%}.form-head{flex-direction:column}.form-head .form-group{width:100%}}textarea:focus{outline:none;border:none;box-shadow:0 0 0 .1rem var(--main-color)}.form-area{padding:calc(var(--padding)/2);font-size:var(--text-size);font-weight:400;background-color:var(--white);border:1px solid var(--white2);color:var(--glass-border)!important;border-radius:var(--bradius)}.form-input:focus{outline:none;border:none;box-shadow:0 0 0 .2rem var(--main-color)}.form-label{font-size:calc(var(--text-size)/1.01);color:var(--dark);padding-bottom:.5rem}.form-label span{color:var(--danger);margin-left:.5rem}.form-group{display:flex;flex-direction:column;position:relative}.form-input[type=radio]:checked{all:unset;height:1rem;width:1rem;background-color:var(--main-color);border-radius:50%}.form-input{width:100%;height:fit-content;padding:calc(var(--padding)/2);font-size:var(--text-size);font-weight:400;background-color:var(--white);color:var(--glass-border)!important;border:1px solid var(--white2);border-radius:var(--bradius);font-family:var(--font1)}.form-group .fa-eye{position:absolute;right:1rem;top:60%;font-size:var(--text-size);color:var(--main-color);cursor:pointer}.form-input[type=radio]:checked{outline:none}.form-error{color:var(--danger);font-size:calc(var(--text-size)/1)}.form-info{font-size:calc(var(--text-size)/1.2);color:var(--gray2);margin-top:.5rem}.form-info .fa-circle-info{margin-right:.2rem}.max-value{font-size:var(--text-size);position:absolute;right:0;bottom:-1.8rem;color:var(--gray1)}@media screen and (max-width:768px){.form-label{font-size:var(--text-size)}}header{padding:calc(var(--padding)/4) calc(var(--padding)*3);background-color:var(--second-color);color:var(--white);display:flex;justify-content:space-between;position:fixed;align-items:center;width:100%;z-index:500;box-shadow:var(--box-shadow)}#header-nav ul{display:flex;gap:2rem;font-size:var(--text-size)}#header-nav ul li{position:relative}.logo{height:4rem;width:4rem;zoom:120%}#header-nav ul li:hover a{text-decoration:underline}#btn-nav-mobile{display:none}@media screen and (max-width: 1000px){header{padding:calc(var(--padding)/4) var(--padding)}.logo{zoom:150%}#btn-nav-mobile{display:flex;align-items:center;color:var(--color-white);font-size:calc(var(--text-size)*2)}#header-nav{position:absolute;top:calc(var(--margin-top) * 1.3);right:0;left:0;width:50%;height:100vh;background-color:var(--dark);clip-path:polygon(0 0,0 0,0 100%,0% 100%);z-index:100}#header-nav ul{flex-direction:column;padding:var(--padding)}#header-nav.nav-mobile{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}}#hero{height:100dvh;width:100vw;padding-top:5rem;display:flex;align-items:center;position:relative;justify-content:center}#hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/motif-kUPXwOP7.png) repeat;background-size:60%;opacity:.4;z-index:-1}.hero-network{position:absolute;left:0;top:40%;display:flex;flex-direction:column;padding:.5rem;color:var(--white);background-color:var(--second-color);border-radius:0 var(--bradius) var(--bradius) 0}.hero-content h1{font-weight:900;color:var(--dark);font-family:var(--font2);line-height:4rem;text-transform:uppercase;font-size:calc(var(--text-size)*3.5)!important}.hero-wave{position:absolute;bottom:-5dvh;right:0;left:0;z-index:-5}.hero-actions{display:flex;gap:.5rem}.hero-network .hero-contact{padding:calc(var(--padding)/2);border-radius:var(--bradius)}.hero-network .hero-contact:hover{background-color:var(--main-color);color:var(--white)}.hero-content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--padding);gap:1.5rem;position:relative;width:70%;z-index:2}.hero-content p{font-size:var(--text-size);text-align:center}.hero-content h1{font-size:clamp(3rem,4vw,6rem);text-align:center}@media screen and (max-width:768px){.hero-content{width:100%}#hero:before{background-size:100%}.hero-network{display:none}.hero-wave{position:absolute;bottom:0;right:0;left:0;z-index:-5}.hero-wave path{background-color:red!important}}#projets{background-color:var(--gray3)}.projets-conainter{padding:var(--padding);display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:var(--padding)}#projets .title-container .title{color:var(--dark)}#projets .title-container .title-line{background-color:var(--dark);height:.7rem}.projet{position:relative;box-shadow:var(--box-shadow2);border-radius:var(--bradius);height:fit-content}.projet-image{object-fit:contain;height:13rem;width:100%;border-radius:var(--bradius) var(--bradius) 0 0}.projet:hover .projet-detail,.projet-detail.mobile{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.projet-description{font-size:var(--text-size);color:var(--white2);min-height:6rem}.projet .button{width:100%}.projet-detail{display:flex;gap:1rem;flex-direction:column;top:0;bottom:0;right:0;left:0;padding:1rem;background-color:var(--white);border-radius:0 0 var(--bradius) var(--bradius)}.projet-detail-header{display:flex;flex-direction:column}.projet-technos{display:flex;gap:.5rem;justify-content:flex-start}.projet-techno{color:var(--main-color);font-size:calc(var(--text-size)/1.2);background-color:var(--third-color);border-radius:var(--bradius);padding:.5rem 1rem;font-weight:700}.projet-name{font-size:calc(var(--font-size)*1.2);font-weight:510}.visiter{width:100%}@media screen and (max-width: 768px){.projet{width:100%}}.skills{display:grid;gap:calc(var(--padding)/2);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}#skills .title-container .title{color:var(--dark)}#skills .title-container .title-line{background-color:var(--dark);height:.7rem}.skill{padding:var(--padding);border-radius:var(--bradius);background-color:var(--gray3);display:flex;flex-direction:column;align-items:center;gap:.5rem}.skill .icon{background-color:var(--third-color);height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;color:var(--main-color);justify-content:center}.skill-name{font-weight:700}.skill-description{font-size:calc(var(--text-size)/1.1)!important;color:var(--white2);text-align:center}@media screen and (max-width:768px){.skills{display:grid;gap:calc(var(--padding)/2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}