*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-repeat:repeat;background:linear-gradient(90deg,rgba(162,0,255,.452),rgba(0,119,255,.733)),url(/portfolio/static/media/icons-gray-bg.ecf1567be85374f2f77c.svg);cursor:none;display:flex;font-size:1vw;font-style:normal;font-weight:400;height:100vh;justify-content:center;overflow:hidden;width:100vw}a{text-decoration:none}.cursor{border:1px solid #000;border-radius:100%;height:50px;left:0;top:0;-webkit-transform:translate(calc(-50% + 15px),-50%);transform:translate(calc(-50% + 15px),-50%);transition:all .2s ease-out;width:50px}.cursor,.cursor2{display:none;pointer-events:none;position:fixed}.cursor2{background-color:#000;border-radius:100%;height:20px;opacity:.3;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;width:20px}.shadow{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.back-text{background:linear-gradient(90deg,red,#ff0);-webkit-background-clip:text;background-clip:text;color:transparent;transition:1s}.back-text:hover{background:linear-gradient(90deg,#ff7373,#fafa7a);color:#fff}.app{display:flex;flex-direction:row;height:85%;width:90%}.app,.header{background-color:transparent}.header{height:100%;width:10%}.logo{height:30%}.logo,.logo-box{align-items:center;display:flex;justify-content:center;width:100%}.logo-box{background-color:transparent;color:#fff;cursor:pointer;flex-direction:column;height:65%}.logo-box-active{background-color:#fff;color:#000}.logo-text{font-size:2vw;padding:2% 5%;text-align:justify}.menu{flex-direction:column;height:50%;justify-content:space-around;width:100%}.menu,.menu-item{align-items:center;display:flex}.menu-item{background-color:transparent;border-bottom:3px solid transparent;color:#fff;font-size:1.3vw;height:10%;justify-content:flex-start;min-width:70%}.menu-item-active{background-color:#fff;border-bottom:3px solid red;color:#0c0707;height:15%;padding-left:10%;width:100%}.container{background-color:#fff;flex-direction:row;position:relative;width:90%}.container,.projets{display:flex;height:100%}.projets{align-items:flex-start;background-color:transparent;flex-direction:column;justify-content:space-between;padding:5%;width:65%}.big-title{font-size:2.5vw;font-weight:700;height:5%;justify-content:flex-start;text-align:justify;text-transform:uppercase}.big-title,.category{align-items:center;display:flex;width:100%}.category{flex-direction:row;height:25%;justify-content:space-between}.category-item{color:#0c0707;cursor:pointer;font-size:1.4vw;width:20%}.category-item,.category-item-active{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;height:70%;justify-content:space-between}.category-item-active{background:linear-gradient(90deg,#ff7373,#fafa7a);color:#fff;font-size:1.5vw;padding:3%;width:50%}.number{font-size:1vw;font-weight:lighter}.caroussel{height:50%;width:100%}.slide{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.polaroid{height:100%;text-align:center;width:50%}.img{background-position:50%;background-repeat:no-repeat;background-size:contain;height:80%;width:100%}.info{color:#fff;font-size:20px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.name{align-items:center;display:flex;font-size:1.5vw;height:20%;justify-content:center;width:100%}.description{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-left:5%;width:50%}.title{font-size:2vw;font-weight:700}.text{text-align:justify}.strong{font-weight:700}.more{align-items:center;border:2px solid #0c0707;color:#0c0707;cursor:pointer;height:15%;justify-content:center}.more,.passeur{display:flex;width:100%}.passeur{align-items:flex-end;flex-direction:row;height:20%;justify-content:space-between}.passeur-item{align-items:center;background-color:transparent;border:.5px solid #0c0707;color:#0c0707;cursor:pointer;display:flex;font-size:1.1vw;height:60%;justify-content:center;width:40%}.passeur-number{font-size:2vw;font-weight:lighter}.details{align-items:center;background-color:#0c0707cc;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:5%;width:35%}.details-title{color:#fff;font-size:2vw;font-weight:700;height:5%;text-align:center;width:100%}.details-list{flex-direction:column;height:90%;justify-content:flex-start;width:100%}.details-list,.list-item{align-items:center;display:flex}.list-item{background-color:transparent;border:.5px solid #fff;color:#fff;cursor:pointer;font-size:.8vw;height:8%;justify-content:center;margin-bottom:5%;width:85%}.list-item-active{background-color:#fff;color:#0c0707cc;-webkit-transform:scale(1.02);transform:scale(1.02)}.competences-list{align-items:flex-start;display:flex;flex-direction:column;height:90%;justify-content:space-between;width:100%}.competence{align-items:center;display:flex;flex-direction:row;height:5%;justify-content:flex-start;width:100%}.competence-text{color:#fff;font-size:.93vw;width:35%}.competence-progress{background:linear-gradient(90deg,#91ff00,#a6ff00);height:6px;max-width:65%}.profile{align-items:center;display:flex;flex-direction:row;height:80%;justify-content:space-between;width:100%}.photo-box{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:40%}.photo-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,.2);height:80%;overflow:hidden;position:relative;width:100%}.photo-other{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;height:10%;justify-content:space-around;width:100%}.other-item{background-color:#008cba;border:.2vw solid #fff;border-radius:50%;color:#0c0707;cursor:pointer;height:60%;width:10%}.other-item-active{background-color:transparent;border:.2vw solid #008cba}.presentation{align-items:flex-start;background-image:linear-gradient(19deg,#21d4fd,#b721ff);color:#fff;display:flex;flex-direction:column;height:90%;justify-content:space-evenly;overflow:hidden;padding:5%;width:50%}.first{font-size:2vw}.first,.last{font-weight:700}.last{font-size:1.5vw}.foot{flex-direction:row;height:10%;width:100%}.foot,.foot-more{align-items:center;display:flex;justify-content:center}.foot-more{border:2px solid #0c0707;color:#0c0707;cursor:pointer;height:100%;width:30%}.services{align-items:flex-start;flex-direction:column;height:100%;padding:5%}.carts,.services{background-color:transparent;display:flex;justify-content:space-between;width:100%}.carts{align-items:flex-end;flex-direction:row;height:90%}.box{background-color:transparent;height:90%;-webkit-perspective:1000px;perspective:1000px;width:23%}.box-inner{height:100%;position:relative;text-align:center;width:100%}.box-back,.box-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.box-front{background-image:linear-gradient(19deg,#fdbb21,#ff2c21)}.box-back{background-color:#0c0707cc;position:relative;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.box:nth-child(2n) .box-front{background-image:linear-gradient(19deg,#21d4fd,#b721ff)}.bgwhite{background-color:#fffffff9;color:#060606;height:97%;justify-content:space-around;position:absolute;width:98%}.bgwhite,.offres{align-items:center;display:flex;flex-direction:column}.offres{font-weight:400;height:25%;justify-content:space-between;width:90%}.desc{font-size:1vw;height:30%;width:90%}.forfait{background:linear-gradient(90deg,red,blue);font-weight:700;width:60%}.btn-contact,.forfait{align-items:center;color:#fff;cursor:pointer;display:flex;height:10%;justify-content:center}.btn-contact{border:.5px solid #f7f1f1;font-size:1.1vw;position:absolute;width:70%;z-index:2}.btn-contact,.send-email{background-color:transparent}.send-email{align-items:flex-start;display:flex;flex-direction:column;height:90%;justify-content:space-between;width:100%}.input-item{border:.5px solid #000;color:#000;font-size:1vw;height:15%;padding:2%;width:100%}.socials-list{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;flex-wrap:wrap;height:90%;justify-content:space-around;width:100%}.social-item{color:#fff;flex-direction:row;flex-wrap:nowrap;height:10%;justify-content:flex-start;width:100%}.fa,.social-item{align-items:center;display:flex}.fa{height:90%;justify-content:center;margin:0 10% 0 0;text-align:center;text-decoration:none;width:15%}.fa:hover{opacity:.7}.fa-facebook{background:#3b5998;color:#fff}.fa-twitter{background:#55acee;color:#fff}.fa-linkedin{background:#007bb5;color:#fff}.fa-youtube{background:#b00;color:#fff}.fa-instagram{background-image:linear-gradient(19deg,#fdcd21,#c421ff);color:#fff}.fa-whatsapp{background:#00b489;color:#fff}.fa-github{border:.5px solid #000;color:#000}@media screen and (max-width:500px){body{font-size:1vh;height:100vw;-webkit-transform:translateX(-25%) translateY(50%) rotate(90deg);transform:translateX(-25%) translateY(50%) rotate(90deg);width:100vh}.logo-text{font-size:2vh}.menu-item{font-size:1.3vh}.big-title{font-size:2.5vh}.category-item{font-size:1.5vh}.number{font-size:1vh}.name{font-size:1.5vh}.title{font-size:2vh}.passeur-item{font-size:1.1vh}.details-title{font-size:2vh}.list-item{font-size:.8vh}.competence-text{font-size:.93vh}.competence-progress{height:3px}.first{font-size:2vh}.last{font-size:1.5vh}.folder-name{font-size:.8vh}.desc{font-size:1vh}}.logo-box{transition:1s}.logo-box:hover{background-color:#fff;color:#000}.menu-item{transition:all .5s}.menu-item:hover{background-color:#fff;color:#0c0707;height:15%;padding-left:10%;width:100%}.container:after{-webkit-animation:border 10s ease-in-out infinite;animation:border 10s ease-in-out infinite;background-color:#c5c3c3;-webkit-clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px));clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px));content:"";display:block;-webkit-filter:none;filter:none;height:calc(100% + 80px);mix-blend-mode:multiply;position:absolute;-webkit-transform:translateX(-40px) translateY(-40px);transform:translateX(-40px) translateY(-40px);width:calc(100% + 80px);z-index:-1}@-webkit-keyframes border{0%,to{-webkit-clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px));clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px))}50%{-webkit-clip-path:polygon(33.33333px 33.33333px,100% 0,calc(100% - 33.33333px) calc(100% - 33.33333px),0 100%);clip-path:polygon(33.33333px 33.33333px,100% 0,calc(100% - 33.33333px) calc(100% - 33.33333px),0 100%)}}@keyframes border{0%,to{-webkit-clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px));clip-path:polygon(0 0,calc(100% - 33.33333px) 33.33333px,100% 100%,33.33333px calc(100% - 33.33333px))}50%{-webkit-clip-path:polygon(33.33333px 33.33333px,100% 0,calc(100% - 33.33333px) calc(100% - 33.33333px),0 100%);clip-path:polygon(33.33333px 33.33333px,100% 0,calc(100% - 33.33333px) calc(100% - 33.33333px),0 100%)}}.category-item{transition:1s}.category-item:hover{background:linear-gradient(90deg,#ff7373,#fafa7a);color:#fff;padding:2%;width:25%}.polaroid{transition:1s}.polaroid:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.more{transition:1s}.more:hover{background:linear-gradient(90deg,red,blue);border:1px solid #fff;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.passeur-item{transition:1s}.passeur-item:hover{background-color:#0c0707cc;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.list-item{transition:1s}.list-item:hover{background-color:#fff;color:#0c0707cc;-webkit-transform:scale(1.02);transform:scale(1.02)}.other-item:hover{background-color:transparent;border:.2vw solid #008cba}.photo-img{-webkit-animation:morphing 10s infinite;animation:morphing 10s infinite}.photo-img:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,.2)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,.2)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,.2)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,.2)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.projets{-webkit-animation:transx 1.5s;animation:transx 1.5s}.box-inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:transform 1s cubic-bezier(.075,.82,.165,1);transition:transform 1s cubic-bezier(.075,.82,.165,1),-webkit-transform 1s cubic-bezier(.075,.82,.165,1)}.box:hover .box-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.foot-more{transition:1s}.foot-more:hover{background:linear-gradient(90deg,red,blue);border:1px solid #fff;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02);width:50%}.social-item{transition:.5s}.social-item:hover{border:1px solid #fff}.btn-contact:hover{background-color:#fff;color:#0c0707cc;-webkit-transform:scale(1.02);transform:scale(1.02)}.details{-webkit-animation:transx 2s;animation:transx 2s}@-webkit-keyframes transx{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes transx{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes transy{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes transy{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}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}
/*# sourceMappingURL=main.3e6084b7.css.map*/