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}@font-face{font-family:Brigends Expanded;font-style:normal;font-weight:400;src:url(/static/media/Brigends%20Expanded.111b0b9691f893ed85f4.otf) format("opentype")}@font-face{font-family:Harper-Bold Personal Use;font-style:normal;font-weight:400;src:url(/static/media/Harper-Bold%20Personal%20Use.0b67a50bfef3a0d429c7.otf) format("opentype")}@font-face{font-family:Prototype;font-style:normal;font-weight:400;src:url(/static/media/Prototype.be9924a47c44090561d7.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.keyboardAnim{animation:keyboardAnimation 3.5s ease-out forwards}@keyframes keyboardAnimation{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}.mouseAnim{animation:mouseAnimation 2.5s ease-in-out infinite}@keyframes mouseAnimation{0%{transform:translateX(2vw)}50%{transform:translateX(-2vw)}to{transform:translateX(2vw)}}.cursorAnim{animation:cursorAnimation 2.5s ease-in-out infinite}@keyframes cursorAnimation{0%{transform:translateX(5vw)}50%{transform:translateX(-5vw)}to{transform:translateX(5vw)}}.bloc1Anim{animation:bloc1Animation 2s ease-out forwards}@keyframes bloc1Animation{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bloc2Anim{animation:bloc2Animation 1.4s ease-out forwards}@keyframes bloc2Animation{0%{opacity:0;transform:translate(-25px,-20px)}to{opacity:1;transform:translate(0)}}.bloc3Anim{animation:bloc3Animation 2.5s ease-out forwards}@keyframes bloc3Animation{0%{opacity:0;transform:translate(30px,-22px)}to{opacity:1;transform:translate(0)}}.fadeInPhone{animation:fadeInAnimation 1.3s}.zoomInSparks{animation:zoomInAnimation .8s ease-out forwards}@keyframes zoomInAnimation{0%{opacity:0;transform:translate(50px) scale(1.3)}to{opacity:1;transform:scale(1);transform:translate(0) scale(1)}}.slideInAPI{animation:slideInAnimationAPI 2s ease-out forwards}@keyframes slideInAnimationAPI{0%{opacity:0;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(0)}}.slideInAPIMobile{animation:slideInAnimationAPIMobile 2s ease-out forwards}@keyframes slideInAnimationAPIMobile{0%{opacity:0;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(0)}}.slideInECommerce{animation:slideInAnimationECommerce 2s ease-out forwards}@keyframes slideInAnimationECommerce{0%{opacity:0;transform:translate(5px,-20px)}to{opacity:1;transform:translate(0)}}.slideInCRM{animation:slideInAnimationCRM 2s ease-out forwards}@keyframes slideInAnimationCRM{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}.fadeInPhone{animation:fadeInAnimation 1.3s ease-out forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.particles0{animation:animParticles0 .8s ease-out forwards}@keyframes animParticles0{0%{opacity:0;transform:translate(5px,-50px) scale(1.3)}to{opacity:1;transform:scale(1);transform:translate(0) scale(1)}}.particles1{animation:animParticles1 1s ease-out forwards}@keyframes animParticles1{0%{opacity:0;transform:translate(8px,-55px) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}.particles2{animation:animParticles2 1.2s ease-out forwards}@keyframes animParticles2{0%{opacity:0;transform:translate(10px,-40px) scale(1.2)}to{opacity:1;transform:translate(0) scale(1)}}.particles3{animation:animParticles3 1.3s ease-out forwards}@keyframes animParticles3{0%{opacity:0;transform:translate(2px,-52px) scale(1.3)}to{opacity:1;transform:translate(0) scale(1)}}.particles4{animation:particles4Animation 1.8s ease-in-out infinite}@keyframes particles4Animation{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}.item1Anim{animation:item1Animation 2.5s ease-in-out infinite}@keyframes item1Animation{0%{transform:translateY(-10px)}33%{transform:translateY(0)}66%{transform:translateY(0)}to{transform:translateY(-10px)}}.item2Anim{animation:item2Animation 2.5s ease-in-out infinite}@keyframes item2Animation{0%{transform:translateY(0)}33%{transform:translateY(-10px)}66%{transform:translateY(0)}to{transform:translateY(0)}}.item3Anim{animation:item3Animation 2.5s ease-in-out infinite}@keyframes item3Animation{0%{transform:translateY(0)}66%{transform:translateY(-10px)}99%{transform:translateY(0)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.688c549e.css.map*/