@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;font-family:Raleway,sans-serif}body{margin:0;padding:0}img{width:100%}h1{font-size:45px;font-weight:800;margin:0;text-align:center}h2{font-size:32px;font-weight:600;text-align:center;margin-top:0}h3{font-size:24px;font-weight:550;margin:0;text-align:center}.headerBand{display:flex;align-items:center;justify-content:space-between;padding-inline:80px;padding-block:50px}@media screen and (max-width: 690px){.headerBand{flex-wrap:wrap;justify-content:center;gap:20px;padding-inline:0px;padding-block:30px}}.headerBand figure{margin:0}.headerBand figure p{font-size:30px;font-weight:500;margin:0;color:#2105f7}.nav-header{display:flex;justify-content:space-around;gap:20px}.nav-header_link{text-decoration:none;color:#000;font-weight:500;font-size:15px}@media screen and (max-width: 350px){.disapear{display:none}}.banner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:50px 50px 0}.banner-container span{font-size:24px;font-weight:300;text-align:center}.banner-container figure{margin:0 0 -5px;padding:50px 0 0;width:800px}@media screen and (max-width: 800px){.banner-container figure{margin:0 0 -5px;padding:50px 0 0;width:100%}}@media screen and (max-width: 425px){.banner-container h1{font-size:40px;font-weight:700}.banner-container span{font-size:20px}}.about-container{background-color:#2105f7;padding:100px 250px 250px;text-align:center}.about-container h2{color:#fff}.about-container p{color:#fff;line-height:1.5;font-size:20px}@media screen and (max-width: 426px){.about-container p{font-size:16px}}@media screen and (max-width: 800px){.about-container{padding:100px 20px 180px}}@media screen and (max-width: 426px){.about-container{padding:80px 20px 150px}}.cardService_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(307px,30%));width:100%;grid-column-gap:30px;justify-content:center;margin-top:-140px}@media screen and (max-width: 768px){.cardService_container{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));margin-top:-105px;padding-left:10px;padding-right:10px}}@media screen and (max-width: 426px){.cardService_container{grid-template-columns:1fr;grid-template-columns:auto;margin-top:-90px;padding:0 10px}}.cardService_article{border-radius:10px;padding:50px 30px;display:flex;flex-direction:column;align-items:center;gap:25px;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #e6ecf8;background-color:#fff}.cardService_content{margin:0;text-align:center}.cardService_minia{font-size:2em;width:40px}.Tools_container{padding-top:50px;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2000px)}}.slider{background:#fff;box-shadow:0 10px 20px -15px #2105f7e6;height:100px;margin:auto;overflow:hidden;position:relative;width:95%}.slider:before,.slider:after{background:linear-gradient(to right,#fff,#fff0);content:"";height:100px;position:absolute;width:200px;z-index:2}.slider:after{right:0;top:0;transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{animation:scroll 10s linear infinite;display:flex;width:3500px}.slider .slide{height:100px;width:250px;display:flex;align-items:center;justify-content:center}.slide .petitLogo{height:100%}.slide img{height:90%;width:auto;align-content:center}.Tools_container p{text-align:center}@media screen and (max-width: 769px){.slider{height:80px;width:100%}.slider .slide{height:80px}.slider .slide-track{animation:scroll 7s linear infinite;display:flex;width:3500px}}.Works_container{padding:80px 30px;background-color:#fcfcfc;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 707px){.Works_container{background-color:#efefef;padding:80px 0 0}}.Works_container p{margin:0 0 20px;text-align:center}@media screen and (max-width: 707px){.Works_container p{padding:0 10px}}.cardPortfolio_container{display:flex;flex-direction:row;flex-wrap:wrap;padding:60px 0}@media screen and (max-width: 707px){.cardPortfolio_container{padding:40px 0 0}}.cardPortfolio_article{width:33.33%;padding:.75rem}@media screen and (max-width: 769px){.cardPortfolio_article{width:50%}}@media screen and (max-width: 707px){.cardPortfolio_article{width:100%;padding:.75rem 0}}.cardPortfolio_figure{margin:0;border-radius:12px;overflow:hidden;position:relative}.cardPortfolio_figure img{width:100%;height:auto}.cardPortfolio_figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#000000e6;color:#fff;padding:20px;opacity:0;transition:opacity .3s ease}.cardPortfolio_figure:hover figcaption{opacity:1}.cardPortfolio_figure h3{margin-bottom:10px;font-weight:400}@media screen and (max-width: 769px){.cardPortfolio_figure h3{font-size:20px}}.button-55{align-self:center;background-color:#000;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-color:#fff;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:2px;box-shadow:#ffffffb3 15px 20px 25px -10px;box-sizing:border-box;color:#fcfcfc;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:7px 30px;text-decoration:none;transition:all 235ms ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-55:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.button-55:focus{box-shadow:#0000004d 2px 8px 4px -6px}.contact_container{width:90%;margin:0 auto -2em;background-color:#000;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;color:#fff;padding:40px 20px;border-radius:12px;position:relative;z-index:1}@media screen and (max-width: 707px){.contact_container{margin-top:100px}}.contact_title{color:#fff;text-align:center;flex-basis:30%;flex-grow:1;margin:10px}.contact_texte{font-size:16px;color:#fff;text-align:center;flex-basis:30%;flex-grow:1;margin:10px}.buttonContact_container{flex-basis:30%;flex-grow:1;margin:10px;display:flex;justify-content:center}.buttonContact{padding:10px 40px;text-align:center;font-size:20px;cursor:pointer;display:inline-block;background-color:transparent;border:3px solid #00d7c3;border-radius:50px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:#00d7c3}.buttonContact:hover{background-color:#00d7c3;color:#000;box-shadow:0 0 5px #00d7c3 inset,0 0 10px 1px #00d7c3;border:3px solid #00d7c3}@media screen and (max-width: 766px){.contact_container{flex-direction:column}.contact_title,.contact_texte,.buttonContact{flex-basis:auto}}.footer_container{background-color:#2105f7;padding:4em 0rem 4em 0em;display:flex;gap:30px;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;width:100%;z-index:0}.footer_container figure{margin:20px 0 0;color:#fff}.footer_container span{font-size:30px;font-weight:500;margin:0;color:#fff}.footer_container p{font-size:14px;margin-top:20px;margin-bottom:0;color:#fff}.footer_container a{text-decoration:none}.githubLogo_footer{height:48px;width:48px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(179deg);transition:filter .3s ease}.githubLogo_footer:hover{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background-color:#2105f7;color:#fff;border:none;font-size:1.2rem;cursor:pointer;opacity:.85;transition:opacity .2s ease,transform .2s ease;z-index:999}.scroll-to-top:hover{opacity:1;transform:translateY(-3px)}