.button{--border-right:6px;--animation-color:#4f46e5;--fs-size:2em;background:#0000;border:none;color:#0000;font-size:var(--fs-size);font-weight:700;height:auto;letter-spacing:3px;margin:0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.static-text{color:#000}.hover-text{-webkit-text-stroke:1px var(--animation-color);background-color:#fff;border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);inset:0;overflow:hidden;position:absolute;transition:width .5s;width:0}.button:hover .hover-text{width:100%}.card{animation:fadeInUp .8s ease forwards;opacity:0;transform:scale(.95);transform:translateY(20px);transition:transform .6s cubic-bezier(.28,-.03,0,.99),box-shadow .6s cubic-bezier(.28,-.03,0,.99)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;transform:scale(1.05)}.description p{color:#6e6e79}.download-button{border-radius:4px;border-width:0;color:#fff;font-size:15px;font-weight:600;position:relative;z-index:1}.download-button .docs{align-items:center;background-color:#0f172a;border:1px solid #e8e8e82d;border-radius:4px;display:flex;gap:10px;justify-content:space-between;min-height:37px;padding:0 10px;transition:all .5s cubic-bezier(.77,0,.175,1);z-index:1}.download-button:hover{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.download{align-items:center;background-color:#4f46e5;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;inset:0;justify-content:center;margin:0 auto;max-width:90%;position:absolute;transform:translateY(0);transition:all .5s cubic-bezier(.77,0,.175,1);z-index:-1}.download-button:hover .download{transform:translateY(100%)}.download svg line,.download svg polyline{animation:docs 1s infinite}@keyframes docs{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}:root{--primary-color:#000;--accent-color:#4f46e5;--highlight-color:#7c3aed}.button{left:10px}.button,.top-right{position:fixed;top:10px;z-index:1000}.top-right{right:10px}#landing-page{position:relative;text-align:center}.greeting{animation:easeInEffect 1s ease-out forwards;font-size:clamp(1.5rem,6vw,3rem);margin-bottom:1rem}.greeting,.subtitle{color:#000;color:var(--primary-color);opacity:0;transform:translateY(20px)}.subtitle{animation:easeInEffect 1s ease-out .3s forwards;font-size:clamp(1rem,3vw,1.5rem);margin-bottom:2rem}.links{animation:easeInEffect 1s ease-out .6s forwards;display:flex;gap:2rem;justify-content:center;opacity:0;transform:translateY(20px)}.link{background:linear-gradient(90deg,#7c3aed,#7c3aed);background:linear-gradient(to right,var(--highlight-color),var(--highlight-color));background-position:0 100%;background-repeat:no-repeat;background-size:0 .1em;color:#4f46e5;color:var(--accent-color);font-size:1rem;position:relative;text-decoration:none;transition:color .3s;transition:background-size .3s ease-out}.link:focus,.link:hover{background-size:100% .1em;color:#7c3aed;color:var(--highlight-color)}a{text-decoration:none}.fancy{color:#4f46e5;color:var(--accent-color);letter-spacing:.1em}.fancy span{display:inline-block}.fancy>.outer{transition:transform .35s ease}.active-hover>.outer,.fancy:hover>.outer{transition-duration:.8s}.active-hover>.outer>.inner,.fancy:hover>.outer>.inner{animation:float 5s ease infinite}.active-hover>.outer>.inner>.letter,.fancy:hover>.outer>.inner>.letter{-webkit-text-fill-color:#0000;animation:background-pan 150s linear infinite;background:linear-gradient(90deg,#4f46e5,#7c3aed,#4f46e5);background:linear-gradient(to right,var(--accent-color),var(--highlight-color),var(--accent-color));-webkit-background-clip:text;background-size:1000%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes background-pan{0%{background-position:1000%}to{background-position:0}}.active-hover>.outer:first-child,.fancy:hover>.outer:first-child{transform:translate(-80%,60%) rotate(8deg)}.active-hover>.outer:nth-child(2),.fancy:hover>.outer:nth-child(2){transform:translate(-40%,20%) rotate(4deg)}.active-hover>.outer:nth-child(3),.fancy:hover>.outer:nth-child(3){transform:translate(-10%,60%) rotate(-6deg)}.active-hover>.outer:nth-child(4),.fancy:hover>.outer:nth-child(4){transform:translateY(8%) rotate(-8deg)}.active-hover>.outer:nth-child(5),.fancy:hover>.outer:nth-child(5){transform:translateY(-20%) rotate(5deg)}.active-hover>.outer:nth-child(6),.fancy:hover>.outer:nth-child(6){transform:translateY(20%) rotate(-3deg)}.active-hover>.outer:nth-child(7),.fancy:hover>.outer:nth-child(7){transform:translateY(-40%) rotate(-5deg)}.active-hover>.outer:nth-child(8),.fancy:hover>.outer:nth-child(8){transform:translateY(15%) rotate(10deg)}.active-hover>.outer:nth-child(9),.fancy:hover>.outer:nth-child(9){transform:translateY(-50%) rotate(8deg)}.active-hover>.outer:nth-child(10),.fancy:hover>.outer:nth-child(10){transform:translateY(15%) rotate(-6deg)}.active-hover>.outer:nth-child(11),.fancy:hover>.outer:nth-child(11){transform:translate(50%,-10%) rotate(-3deg)}.active-hover>.outer:nth-child(12),.fancy:hover>.outer:nth-child(12){transform:translate(120%,-30%) rotate(-10deg)}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.wrapper{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.container{display:flex;flex-wrap:nowrap;height:400px;justify-content:start}.card{align-items:flex-end;background-size:cover;border-radius:.75rem;border-radius:2rem;box-shadow:0 10px 30px -5px #000c;cursor:pointer;display:flex;margin:0 10px;overflow:hidden;transition:.6s cubic-bezier(.28,-.03,0,.99);width:80px}.card>.row{color:#000;display:flex;flex-wrap:nowrap}.card>.row>.icon{align-items:center;background:#223;border-radius:50%;color:#fff;display:flex;justify-content:center;margin:15px;width:50px}.card>.row>.description{display:flex;flex-direction:column;height:80px;justify-content:center;opacity:0;overflow:hidden;transform:translateY(30px);transition-delay:.3s;transition:all .3s ease;width:520px}.description p{color:#000;padding-top:5px}.description h4{text-transform:uppercase}.description h4 a{color:#000;cursor:pointer;text-decoration:none;transition:color .3s ease}.description h4 a:hover{color:#54616f;text-decoration:underline}input{display:none}input:checked+label{width:600px}input:checked+label .description{opacity:1!important;transform:translateY(0)!important}label[for=c1]{background-image:url(/static/media/pathfinder.888745ad1903396aea2c.gif)}label[for=c2]{background-image:url(/static/media/piano.7227845ebf7c95570506.gif)}label[for=c3]{background-image:url(https://cdn.dribbble.com/userupload/11916161/file/original-507714612e436d5e45e9065badf50816.gif)}label[for=c4]{background-image:url(https://cdn.dribbble.com/userupload/11755740/file/original-6fd0408f37202ed25b017b24870498dd.jpg?resize=1504x1128&vertical=center)}label[for=c5]{background-image:url(https://cdn.dribbble.com/userupload/3221783/file/original-2de9d5b5de9d98c5efeb6ee63810cc9b.gif)}:root{--highlight:#5bc0eb;--darkhighlight:#fde74c}.contact-body{align-items:center;animation:fadeIn 1s ease-out;background-color:#f3f4f6;display:flex;font-family:Space Grotesk,sans-serif;height:100vh;justify-content:center;margin:0}.contact-form-wrapper{animation:easeInEffect 1s ease-out forwards;background-color:#f3f4f6;border-radius:.5rem;color:#0f172a;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-height:100%;max-width:750px;opacity:0;padding:1.5rem;transform:translateY(20px);width:100%}.contact-header{font-size:4rem;font-weight:700;margin-bottom:4rem;margin-left:.3rem;margin-top:0}.contact-form{font-size:1.25rem}.contact-form-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin-top:3rem}@media (min-width:640px){.contact-form-grid{grid-template-columns:repeat(2,1fr)}}.contact-group{margin-bottom:3rem;position:relative}.contact-input,.contact-text-area{background:#0000;border:none;border-bottom:1px solid #0f172a;color:#0f172a;display:block;font-size:1.2rem;padding:.625rem .625rem .625rem .3125rem;width:100%}.contact-input:focus,.contact-text-area:focus{outline:none}.contact-label{color:#0f172a;font-size:1.2rem;left:.3125rem;pointer-events:none;position:absolute;top:.125rem;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.contact-input:focus~.contact-label,.contact-input:valid~.contact-label,.contact-text-area:focus~.contact-label,.contact-text-area:valid~.contact-label{color:#0f172a;top:-1.875rem}.contact-bar{display:block;position:relative;width:100%}.contact-bar:after,.contact-bar:before{background:#0f172a;bottom:1px;content:"";height:2px;position:absolute;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;width:0}.contact-bar:before{left:50%}.contact-bar:after{right:50%}.contact-input:focus~.contact-bar:after,.contact-input:focus~.contact-bar:before,.contact-text-area:focus~.contact-bar:after,.contact-text-area:focus~.contact-bar:before{width:50%}.contact-highlight{height:60%;left:0;opacity:.5;pointer-events:none;position:absolute;top:25%;width:50%}.contact-input:focus~.contact-highlight,.contact-text-area:focus~.contact-highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{0%{background:#0f172a}to{background:#0000;width:0}}.contact-submit-button-wrapper{display:flex;justify-content:flex-end;margin-top:2rem}.contact-form-wrapper button{align-items:center;background:#0000;border:none;color:#0f172a;display:flex;font-family:inherit;font-weight:700;margin-top:1rem;overflow:hidden;padding-bottom:.5rem;transition:all .2s}.contact-form-wrapper button span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.contact-form-wrapper button svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.contact-form-wrapper button:hover .contact-svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}.contact-form-wrapper button:hover svg{transform:translateX(1.2em) rotate(45deg) scale(1.1)}.contact-form-wrapper button:hover span{transform:translateX(5em)}.contact-form-wrapper button:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}.contact-loading{font-weight:700}.contact-notification{align-items:center;border-radius:.5rem;display:none;flex-direction:column;justify-content:center;margin-top:1rem;padding:1rem}.contact-notification.success{background-color:#d4edda;color:#155724}.contact-notification.error{background-color:#f8d7da;color:#721c24}.contact-icon,.contact-notification-content{align-items:center;display:flex}.contact-icon{height:3rem;justify-content:center;width:3rem}.contact-icon.success-icon{background-color:#28a745}.contact-icon.error-icon{background-color:#dc3545}.contact-notification-text{margin-left:.75rem}.contact-notification-title{font-weight:700}.contact-notification-message{color:#6c757d;font-size:.875rem;margin-top:.25rem}.contact-info{background-color:#d4d7db;border-radius:.5rem;color:#0f172a;margin-top:2rem;padding:1rem}.contact-info h3{color:#0f172a;font-size:1.5rem;margin-bottom:.5rem}.contact-info p{margin:.5rem 0}.contact-info a{color:#000;text-decoration:none}.contact-info a:hover{text-decoration:underline}.about-page{min-height:100vh;padding:1rem}.about-container,.about-page{align-items:center;display:flex;justify-content:center}.about-container{animation:easeInEffect 1s ease-out forwards;flex:1 1;flex-direction:column;max-height:var(--max-h-xl);max-width:3xl;opacity:0;overflow:hidden;padding-bottom:52px;padding-bottom:var(--py-52,52px);padding-top:52px;padding-top:var(--py-52,52px);scroll-margin:0;transform:translateY(20px);width:100%}@keyframes easeInEffect{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-content{max-width:800px;text-align:left;width:100%}.about-title{font-size:3rem;font-size:var(--text-6xl,3rem);margin-bottom:2rem;margin-top:0;text-align:left}.about-description{flex-direction:column;font-weight:medium;margin-bottom:2rem}.about-paragraph{font-size:1.25rem;font-size:var(--text-xl,1.25rem);margin-bottom:1.25rem;margin-bottom:var(--mb-5,1.25rem)}.about-links{display:flex;gap:5rem;margin-top:10px;margin-top:var(--mt-10,10px);width:100%}.about-links a{max-width:30px;transition:transform .3s}.about-links a:hover{fill:#fff;transform:scale(1.1)}html{--bgColorMenu:#0f172a;--duration:0.7s;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{background-color:#f3f4f6;font-family:Space Grotesk,sans-serif;justify-content:center;transition:background-color .7s}.menu{align-items:center;background-color:#0f172a;background-color:var(--bgColorMenu);display:flex;font-size:1.5em;justify-content:center;margin:0;padding:0 2.85em;position:relative;width:100%}.menu__item{all:unset;align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-grow:1;font-size:.9em;justify-content:center;padding:.55em 0 .85em;position:relative;text-align:center;transition:transform .7s;transition:transform var(--timeOut,var(--duration));will-change:transform;z-index:100}.menu__item:before{border-radius:50%;content:"";height:4.2em;position:absolute;transform:scale(0);transition:background-color .7s,transform .7s;transition:background-color var(--duration),transform var(--duration);width:4.2em;z-index:-1}.menu__item.active{color:#0f172a;transform:translate3d(0,-.8em,0)}.menu__item.active:before{background-color:var(--bgColorItem);transform:scale(1)}.menu__border{background-color:#0f172a;background-color:var(--bgColorMenu);bottom:99%;-webkit-clip-path:url(#menu);clip-path:url(#menu);height:2.4em;left:0;position:absolute;transition:transform .7s;transition:transform var(--timeOut,var(--duration));width:10.9em;will-change:transform}.svg-container{height:0;width:0}@media screen and (max-width:50em){.menu{font-size:.8em}}body{-webkit-tap-highlight-color:transparent;height:100vh;margin:0;padding:0;transition:background-color var(--duration)}.App,body{align-items:center;display:flex;flex-direction:column}.App{justify-content:flex-start;width:100%}.App-header{flex:1 1}.App-header,.tab-bar-container{align-items:center;display:flex;justify-content:center;width:100%}.tab-bar-container{bottom:0;position:fixed}
/*# sourceMappingURL=main.3b765de0.css.map*/