:root{--dark-background:#15202B;--dark-background-menu:#15202B;--dark-text:white;--light-background:white;--light-text:black;--vert:#4ffbdf;--bleu-vert:#00d2fc;--bleu:#009efa}canvas{position:fixed;top:0;left:0;z-index:-99}.vert{color:var(--vert)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}html{font-size:100%;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Open Sans',sans-serif;background-color:var(--dark-background)}header{overflow:hidden;color:#fff}.shdowBottom{box-shadow:0 4px 2px -2px var(--vert);transition:.5s;opacity:.95}.navTop{display:flex;align-items:center;width:100%;z-index:999}#switch-light{display:none}#switch{cursor:pointer}.menuicon{display:none}nav{display:flex;flex-wrap:wrap;width:90%;margin:auto;align-items:center;max-width:1200px;padding:0}.space{height:4.5rem}.logo,.nav-links{display:flex}.logo{flex:1;margin:.3rem 0 .3rem 0}.svg-logo{-webkit-filter:drop-shadow(4px 4px 2px var(--bleu));filter:drop-shadow(4px 4px 2px var(--bleu))}.svg-logo:hover{transform:rotate(-90deg);transition:1s}.nav-links{flex:2;justify-content:space-around;list-style:none;padding:0;margin:0}.nav-link{text-decoration:none;color:#fff;font-size:1.1rem}.nav-link:active,.nav-link:hover{border-bottom:.2rem solid #4ffbdf;-webkit-filter:drop-shadow(2px 2px 1px --bleu);filter:drop-shadow(2px 2px 1px --bleu)}@media all and (max-width:600px){.nav-links{display:none}.logo{z-index:9999;justify-content:flex-start;flex:0}.logo svg{-webkit-filter:none;filter:none}.menuicon{display:flex;justify-content:flex-end;align-items:center;z-index:9999}.menuSmall{display:flex;flex-direction:column;justify-content:space-around;position:fixed;width:100%;height:100vh;background-color:var(--dark-background-menu);top:0;left:0;text-align:center;z-index:99;padding:10rem 0 30rem 0}.nav-link{font-size:1.8rem}.nav-link-l{display:flex;flex:1;justify-content:center;align-items:center;margin:0;z-index:99;font-size:3rem}.navTop{display:flex;flex-wrap:nowrap;justify-content:center;text-align:center;width:100%;margin:0;z-index:99999}}@media all and (min-width:480px) and (max-width:600px){.intro .perspective-text{font-size:1.5rem}}.presentation{display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1200px;margin:auto;width:100%;margin-bottom:3rem;margin-top:15vh}.intro{justify-content:center;text-align:left;align-items:center;margin:0 1rem}.perspective-text{font-size:2rem;font-weight:900;text-transform:uppercase;white-space:nowrap;margin:0 5rem 3rem 0;width:100%;text-align:center;transform:rotate(0) skewX(0);text-shadow:-1px 1px #cacaca,-2px 2px #cacaca}.perspective-line{height:2.8rem;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.perspective-line p{margin:0;height:2.8rem;line-height:2.3rem;transition:all .5s ease-in-out}.perspective-line:nth-child(odd){transform:skew(0deg,-5deg) scaleY(1.333)}.perspective-line:nth-child(even){transform:skew(60deg,-5deg) scaleY(.667)}.perspective-text:hover p{transform:translate(0,-2.2rem)}.perspective-line:nth-child(1){left:-1rem}.perspective-line:nth-child(2){left:0}.perspective-line:nth-child(3){left:1rem}.perspective-line:nth-child(4){left:2rem}.cta{display:flex;align-items:center;justify-content:center;margin:1rem 0 2rem 0}.img-rs{height:auto;max-width:100%}.cover{height:auto;max-width:100%;margin:5%;filter:drop-shadow(1px 1px 1px var(--dark-text))}.btn-grad2{display:flex;box-shadow:12px 12px 24px 0 rgba(0,0,0,.2),-12px -12px 24px 0 rgba(255,255,255,.5);font-size:1.3rem;border-radius:40px;overflow:hidden;margin:0 1rem;text-decoration:none;color:#fff;height:4.1rem;width:13rem;text-align:center;align-items:center;justify-content:center;border:solid 1.5px}.btn-grad3{box-shadow:6px 6px 12px 0 rgba(0,0,0,.2),-6px -6px 12px 0 rgba(255,255,255,.5);font-size:5rem;width:4.5rem;height:4.5rem;border-radius:1.2rem;overflow:hidden;padding:.5rem;display:flex;margin:2rem}.variation1{background:linear-gradient(-45deg,rgba(0,0,0,.2),rgba(255,255,255,.3))}.variation2{background:linear-gradient(-90deg,rgba(0,0,0,.1),rgba(255,255,255,.15))}.btn-grad2:hover{color:#fff;box-shadow:12px 12px 24px 0 rgba(0,0,0,.4),-12px -12px 24px 0 rgba(255,255,255,.7);font-size:1.35rem;border:solid 2px}.btn-grad3:hover{box-shadow:inset 3px 3px 5px 0 rgba(0,0,0,.2),inset -3px -3px 5px 0 rgba(255,255,255,.5)}.variation2 span{display:flex;align-items:center;text-align:center;width:100%;height:100%;border-radius:100%;overflow:hidden;padding:.45rem;box-shadow:inset 4px 4px 8px 0 rgba(0,0,0,.2),inset -4px -4px 8px 0 rgba(255,255,255,.4)}.variation2 strong{display:flex;align-items:center;text-align:center;justify-content:center;width:100%;height:100%;border-radius:100%;overflow:hidden;background-color:#03a9f4}.btn-grad{background:#15202b;color:#ffff;font-size:1.2rem;font-weight:700;padding:1.2rem 2.5rem;margin:0 2rem 0 2rem;border-radius:10px;text-decoration:none;border:2px solid var(--vert)}.btn-grad:hover{color:var(--vert);box-shadow:0 5px 25px var(--vert);border:2px solid var(--vert)}@media screen and (max-width:1024px){html{font-size:60%}}h2{font-size:2.5rem;margin:3% 0;color:var(--dark-text);text-align:center;padding:.5rem 0 .5rem 0;font-weight:700;font-weight:900}.my-projects{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:auto;width:100%}.projet{position:relative;color:#fff;margin:1rem;padding:1rem 3rem 0 3rem;max-width:31rem;border-radius:10px;background:#15202b}.projet .img-rs{margin:1rem auto;border-radius:10px;border:2px solid var(--dark-background)}.projet h3{padding:1rem 0 .7rem 0;text-align:center}.projet p{text-align:center}.glass{position:absolute;top:0;left:0;width:50%;height:78%;display:block;border-radius:7px;background:rgba(255,255,255,.1)}.projet:before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#fff;z-index:-1;border-radius:10px}.projet:after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#fff;z-index:-2;-webkit-filter:blur(5px);filter:blur(5px);border-radius:10px}.projet:nth-child(odd):after,.projet:nth-child(odd):before{background:linear-gradient(235deg,var(--vert) ,var(--dark-background),var(--bleu))}.projet:nth-child(even):after,.projet:nth-child(even):before{background:linear-gradient(305deg,var(--bleu) ,var(--dark-background),var(--vert))}.projet:hover:after{-webkit-filter:blur(40px);filter:blur(40px)}.projet:hover p{background:-webkit-linear-gradient(80deg,var(--bleu) 40%,var(--vert));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient{display:block;background:-webkit-linear-gradient(80deg,var(--bleu) 40%,var(--vert));background-size:cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:99}.btn-grad-card{display:flex;background:#15202b;color:#ffff;font-size:1rem;font-weight:700;padding:1.2rem 0;margin:0 0 2rem 0;justify-content:center;align-items:center;border-radius:10px;text-decoration:none;border:2px solid var(--vert)}.btn-grad-card:hover{color:var(--vert);box-shadow:0 5px 25px var(--vert);border:2px solid var(--vert)}.my-services{padding-bottom:3rem}.container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.container .card{text-align:center;width:14rem;height:14rem;margin:1rem 3rem;background-image:linear-gradient(315deg,#537895 0,#09203f 74%);border-radius:50%;box-shadow:-3px -3px 10px #fff,3px 3px 10px rgba(0,0,0,.1)}.container .card:hover{box-shadow:inset -3px -3px 10px rgba(255,255,255,.5),inset 3px 3px 10px rgba(0,0,0,.05)}.container .card .imgBx{margin:1rem 0;text-align:center}.container .card:hover .imgBx svg{-webkit-filter:drop-shadow(4px 4px 4px var(--bleu));filter:drop-shadow(4px 4px 4px var(--bleu))}.container .card .contentBx{position:relative;text-align:center}.container .card .contentBx h3{color:#fff;font-weight:550;font-size:1.4rem;letter-spacing:2px;text-align:center}.container .card:hover .contentBx h3{background:-webkit-linear-gradient(80deg,var(--bleu) 40%,var(--vert));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container .card:hover .contentBx,.container .card:hover .imgBx{transform:scale(.98)}.contact{position:relative;max-width:950px;width:100%;margin:auto}.form{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:0 3rem;padding:1rem;background:var(--dark-background);border-radius:1rem;box-shadow:-5px -5px 10px rgba(255,255,255,.05),5px 5px 15px rgba(0,0,0,.5)}.info .input{text-align:left;margin-top:2.5px}.info .input .inputBox{margin-top:1.25rem}.info .input .inputBox label,.msg .input2 .inputBox2 label{display:block;color:#868686;margin-bottom:5px;font-size:1.1rem;font-weight:700}.btnSend .input3 .inputBox3 input,.info .input .inputBox input,.msg .input2 .inputBox2 input{width:100%;height:50px;background:var(--dark-background);border:none;outline:0;border-radius:20px;padding:5px 15px;color:#fff;font-size:1.3rem;color:#03a9f4;box-shadow:inset -2px -2px 6px rgba(255,255,255,.1),inset 2px 2px 6px rgba(0,0,0,.8)}.msg .input2 .inputBox2 textarea{width:100%;background:var(--dark-background);border:none;outline:0;border-radius:20px;padding:5px 15px;color:#fff;font-size:1rem;color:#03a9f4;box-shadow:inset -2px -2px 6px rgba(255,255,255,.1),inset 2px 2px 6px rgba(0,0,0,.8)}.msg .input2 .inputBox2 input,.msg .input2 .inputBox2 label{width:100%;margin-top:5px;margin-bottom:8px}.btnSend .input3 .inputBox3 input[type=submit]{margin-top:20px;cursor:pointer;font-weight:700;box-shadow:-2px -2px 6px rgba(255,255,255,.1),2px 2px 6px rgba(0,0,0,.8)}.btnSend .input3 .inputBox3 input[type=submit]:active{color:#006c9c;margin-top:20px;box-shadow:inset -2px -2px 6px rgba(255,255,255,.1),inset 2px 2px 6px rgba(0,0,0,.8)}.info .input .inputBox input::-webkit-input-placeholder,.msg .input2 .inputBox2 input::-webkit-input-placeholder{color:#555;font-size:1rem}.info .input .inputBox input::-moz-placeholder,.msg .input2 .inputBox2 input::-moz-placeholder{color:#555;font-size:1rem}.info .input .inputBox input:-ms-input-placeholder,.msg .input2 .inputBox2 input:-ms-input-placeholder{color:#555;font-size:1rem}.info .input .inputBox input::-ms-input-placeholder,.msg .input2 .inputBox2 input::-ms-input-placeholder{color:#555;font-size:1rem}.info .input .inputBox input::placeholder,.msg .input2 .inputBox2 input::placeholder{color:#555;font-size:1rem}.info{width:273px;margin-right:17px}.msg{width:100%;width:530px;margin:auto}.confirmation{width:100%;width:800px;text-align:center;margin:1.5rem 0;color:var(--vert);display:none}.erreur{width:100%;width:800px;text-align:center;margin:1.5rem 0;color:#ff0047;display:none}.info .input .inputBox input:focus,.msg .input2 .inputBox2 input:focus,.msg .input2 .inputBox2 textarea:focus{border:2px solid #03a9f4;-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite}.btnSend{width:400px}.msg .input2 textarea{height:100%;width:100%;height:16rem}.pink{color:#ff0047}.adresse,.maps{text-align:center;font-weight:bolder;font-size:1.2rem;margin-bottom:4rem}.footer{color:var(--dark-text);padding-bottom:2rem;font-size:1em;text-align:center;background-image:linear-gradient(to left ,var(--dark-background) 50%,var(--bleu));box-shadow:0 -1px 10px var(--dark-text)}.footer span{font-size:1.2rem}#degre{-webkit-animation:10s rotate360 infinite linear;animation:10s rotate360 infinite linear;transform-origin:center;transform-box:fill-box}@-webkit-keyframes rotate360{to{transform:rotate(360deg)}}@keyframes rotate360{to{transform:rotate(360deg)}}#cercle3-t{-webkit-animation:15s bounce infinite ease-in-out both;animation:15s bounce infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cercle3-t .bounce{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes bounce{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}#cerle2-t{-webkit-animation:15s bouncey infinite ease-in-out both;animation:15s bouncey infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cerle2-t .bouncey{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes bouncey{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}@keyframes bouncey{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}#cercle1-t{-webkit-animation:15s bounceyy infinite ease-in-out both;animation:15s bounceyy infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cercle1-t .bounceyy{-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes bounceyy{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}@keyframes bounceyy{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}#cercle3-b{-webkit-animation:15s bbounce infinite ease-in-out both;animation:15s bbounce infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cercle3-b .bbounce{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes bbounce{0%,100%{transform:scale(1)}50%{transform:scale(.2)}}@keyframes bbounce{0%,100%{transform:scale(1)}50%{transform:scale(.2)}}#cercle2-b{-webkit-animation:15s bbouncey infinite ease-in-out both;animation:15s bbouncey infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cercle2-b .bbouncey{-webkit-animation-delay:1.2s;animation-delay:1.2s}#cercle2-b .bouncey2{-webkit-animation-delay:1.05s;animation-delay:1.05s}@-webkit-keyframes bbouncey{0%,100%{transform:scale(1)}50%{transform:scale(.2)}}@keyframes bbouncey{0%,100%{transform:scale(1)}50%{transform:scale(.2)}}#cercle1-b{-webkit-animation:15s bbounceyy infinite ease-in-out both;animation:15s bbounceyy infinite ease-in-out both;transform-origin:center;transform-box:fill-box}#cercle1-b .bbounceyy{-webkit-animation-delay:1.5s;animation-delay:1.5s}#cercle1-b .bbounceyy2{-webkit-animation-delay:1.35s;animation-delay:1.35s}@-webkit-keyframes bbounceyy{0%,100%{transform:scale(1)}50%{transform:scale(0)}}@keyframes bbounceyy{0%,100%{transform:scale(1)}50%{transform:scale(0)}}#switch{visibility:hidden}