:root{color-scheme:dark}body{background-color:#202020;font-family:Josefin Sans,sans-serif;font-weight:100;margin:0;user-select:none;-webkit-user-select:none;-ms-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main__page-container{position:relative}.whatsapp-icon{border-radius:50%;bottom:15px;cursor:pointer;opacity:0;position:fixed;right:15px;transform:translateX(100px);z-index:1000}.whatsapp-icon img{height:auto;width:38px}.fade-in{opacity:1;transform:translateX(0);transition:all 1s ease-in-out;transition-delay:2s}.nav-bar-container{align-items:center;animation-duration:.8s;animation-name:navbarEffect;animation-timing-function:ease;background-color:#515151;border-radius:5px;box-shadow:5px 5px 10px #000;display:flex;gap:8em;height:4.3rem;justify-content:space-around;margin:.3rem;overflow:hidden;position:sticky;top:0;transition:transform .15s ease-in-out;z-index:10}@keyframes navbarEffect{0%{transform:translateY(-80px)}to{transform:translateY(0)}}div.nav-bar--hidden{transform:translateY(-110%)}.nav-bar-icons-container{display:flex;flex-direction:row;gap:1em}.nav-bar-icons-container .footer-icon{color:#fff}@media only screen and (max-width:700px){.nav-bar-container{gap:1rem}}.slider__container{align-items:center;display:flex;height:90vh;justify-content:center;margin-bottom:1.2rem;overflow:hidden;position:relative;width:100%}.slider__container .slider__btn{background-color:#0000;border:none;color:#fff;cursor:pointer;position:absolute;top:61%;transform:translateY(-50%)}.slider__container .slider__btn :active,.slider__container .slider__btn:hover{background-color:#0000}.slider__container img{height:auto;width:100%}.slider__btn-prev{left:-5px;z-index:10}.slider__btn-next{right:-5px;z-index:10}.slide{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transition:opacity .5s ease;width:100%;z-index:-1}.slide.active{opacity:1;z-index:1}.slider__header{font-family:inherit;font-size:2.5rem;font-weight:100;letter-spacing:4px;opacity:0;text-transform:uppercase;transform:translateY(100px);transition:opacity,transform 1s ease}.slider__header.active{opacity:1;transform:translateY(0)}.slider__description{font-family:inherit;font-size:1.1rem;font-weight:100;line-height:1.4rem;opacity:0;transform:translateY(100px);transition:opacity,transform 1.3s ease}.slider__description.active{opacity:1;transform:translateY(0)}.headers__container{max-width:375px;text-align:center;width:100%}.headers__container .learn-more__btn{background-color:#0000;border:2px solid #fff;color:#fff;font-family:inherit;font-size:.6rem;font-weight:800;letter-spacing:2px;opacity:0;padding:.8rem 1.6rem;text-transform:uppercase;transform:translateY(120px);transition:opacity,transform 1.5s ease;z-index:10}.headers__container .learn-more__btn.active{opacity:1;transform:translateY(0)}.headers__container .learn-more__btn:hover{cursor:pointer}.modal__container{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal__box,.modal__container{align-items:center;display:flex;justify-content:center}.modal__box{background-color:#515151;border-radius:15px;max-width:500px;position:absolute;width:80%}.close__btn{bottom:10px;height:30px;padding:5px;position:absolute;right:10px;width:30px}.modal__content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;text-align:left;>*{font-family:inherit;margin:0;padding:.2rem;text-align:left}h3{margin-right:1.2rem}ul{list-style:none;margin:0;padding:0;li{margin-bottom:.6rem}}}.site-footer{background-color:inherit;color:#f5f4ef;font-family:inherit}.footer-container{margin:0 auto;max-width:64rem;padding:5rem 1.5rem}.footer-cta{text-align:center}.footer-heading{font-size:3rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}.footer-button{align-items:center;background-color:var(--brand);border-radius:9999px;color:#0f0f0f;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:2rem;padding:.875rem 2rem;text-decoration:none;transition:background-color .2s ease}.footer-brand{align-items:center;display:flex;flex-direction:column;margin-top:5rem;text-align:center}.footer-logo{height:auto;max-width:110px}.footer-label{font-size:1.125rem;font-weight:700;letter-spacing:.15em;margin-top:1.25rem;text-transform:uppercase}.footer-tagline{line-height:1.6;margin-top:1rem;max-width:28rem}.footer-bottom,.footer-tagline{color:#ffffff80;font-size:.875rem}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;margin-top:4rem;padding-top:2rem;text-align:center}.footer-back-to-top{align-items:center;color:#f5f4ef;display:inline-flex;gap:.5rem;text-decoration:none;transition:color .2s ease}.footer-back-to-top:hover{color:var(--brand)}@media (min-width:640px){.footer-container{padding:7rem 1.5rem}.footer-heading{font-size:3.75rem}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width:768px){.footer-heading{font-size:4rem}}.tab__container{display:flex;flex-direction:column;gap:.6rem}.tab__content{overflow:hidden;position:relative;z-index:0}.tab__list{display:flex;justify-content:center}.tab__list li{box-shadow:none;color:gray;cursor:pointer;font-family:inherit;font-size:18px;list-style:none;outline:none;padding:.5rem 1rem;position:relative}.tab__list li:after{background-color:#00caff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.tab__list li:focus,.tab__list li:hover{box-shadow:none;outline:none}.tab__list li.active__tab{color:#fff}.tab__list li.active__tab:after{width:100%}.active__tab{color:#fff!important}:root{--card:#1c1c1e;--card-foreground:#f5f5f5;--muted-foreground:#a1a1aa;--border:#444;--brand:#51bffc}.project-card{background:#1c1c1e;background:var(--card);border:1px solid #444;border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:340px}.project-card:hover{border-color:#51bffc;border-color:var(--brand);box-shadow:0 20px 40px #0006;transform:translateY(-4px)}.project-card__media{aspect-ratio:16/9;overflow:hidden;position:relative}.project-card__media img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-card__media img{transform:scale(1.05)}.project-card__overlay{background:linear-gradient(0deg,#0006,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.project-card:hover .project-card__overlay{opacity:1}.project-card__body{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.25rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#14b8a61a;border:1px solid #14b8a64d;border-radius:9999px;color:#51bffc;color:var(--brand);font-size:.75rem;font-weight:500;padding:.125rem .625rem}.project-card__title{color:#f5f5f5;color:var(--card-foreground);font-family:inherit;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.project-card__desc{color:#a1a1aa;color:var(--muted-foreground);font-size:.875rem;line-height:1.6;margin:0}.project-card__cta{align-items:center;color:#51bffc;color:var(--brand);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-top:auto;padding-top:.5rem}.project-card__cta svg{transition:transform .3s ease}.project-card:hover .project-card__cta svg{transform:translate(2px,-2px)}@media (min-width:1024px){.projects-container{padding:1.6rem;position:relative}}.projects-container{margin:4rem auto;max-width:1200px;padding:0 24px}@media (min-width:1024px){.projects-header{span{font-size:16px}}.projects-header{h1{font-size:3.5rem}}.projects-header{p{font-size:18px}}}.projects-header{margin-left:2.4rem;padding:.6rem;span{color:var(--brand);font-size:14px;font-weight:semi-bold;text-transform:uppercase}}@media (max-width:500px){.projects-header{margin-left:0}}.projects-header{p{color:var(--muted-foreground);font-size:16px;line-height:1.6;max-width:620px}}.design__container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:2rem}.align-text{align-self:center;font-size:4vmin;justify-self:right}.logo-properties{align-self:center;animation:spin 3s linear infinite;height:auto;justify-self:center;max-width:60px;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.observer-visible{animation:fade-in 1s forwards;opacity:1}.card-container{opacity:0}
/*# sourceMappingURL=main.13eeb965.css.map*/