*{padding:0;margin:0;box-sizing:border-box}* ul{padding:0;margin:0;list-style:none}@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk-Medium.eot);src:url(../fonts/SpaceGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/SpaceGrotesk-Medium.woff2) format("woff2"),url(../fonts/SpaceGrotesk-Medium.woff) format("woff"),url(../fonts/SpaceGrotesk-Medium.ttf) format("truetype"),url(../fonts/SpaceGrotesk-Medium.svg#SpaceGrotesk-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk-Bold.eot);src:url(../fonts/SpaceGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/SpaceGrotesk-Bold.woff2) format("woff2"),url(../fonts/SpaceGrotesk-Bold.woff) format("woff"),url(../fonts/SpaceGrotesk-Bold.ttf) format("truetype"),url(../fonts/SpaceGrotesk-Bold.svg#SpaceGrotesk-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}.container-header-principal{max-width:92%;margin-left:auto;margin-right:auto}@media (min-width: 1440px){.container-header-principal{max-width:1100px;width:100%}}.container-main-principal{max-width:92%;margin-left:auto;margin-right:auto}@media (min-width: 1440px){.container-main-principal{max-width:1100px;width:100%}}.container-footer-principal{max-width:92%;margin-left:auto;margin-right:auto}@media (min-width: 1440px){.container-footer-principal{max-width:1100px;width:100%}}.footer-principal{position:relative;padding-top:60px;background-color:#242424}@media (min-width: 1440px){.footer-principal{padding-top:84px}}.footer-principal .circulos-footer-movil{position:absolute;left:0;top:52%}@media (min-width: 768px){.footer-principal .circulos-footer-movil{display:none}}.footer-principal .circulos-footer-tablet{display:none}@media (min-width: 768px){.footer-principal .circulos-footer-tablet{display:block;position:absolute;left:0;top:67%}}@media (min-width: 1440px){.footer-principal .circulos-footer-tablet{display:none}}.footer-principal .circulos-footer-desktop{display:none}@media (min-width: 1440px){.footer-principal .circulos-footer-desktop{display:block;position:absolute;left:0;top:52%}}.footer-principal .container-footer-principal .formulario-contacto{border-bottom:1px solid #FFFFFF;padding-bottom:87px;margin-bottom:39px}@media (min-width: 768px){.footer-principal .container-footer-principal .formulario-contacto{padding-bottom:92px;margin-bottom:30px}}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto{width:100%;display:flex;justify-content:space-between;margin-bottom:47px}}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto .contacto{width:50%}}.footer-principal .container-footer-principal .formulario-contacto .contacto h3{font-size:40px;text-align:center;font-weight:700;margin-bottom:20px;line-height:40px}@media (min-width: 768px){.footer-principal .container-footer-principal .formulario-contacto .contacto h3{font-size:72px;line-height:72px;letter-spacing:-2.05px}}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto .contacto h3{font-size:88px;line-height:88px;letter-spacing:-2.5px;text-align:left}}.footer-principal .container-footer-principal .formulario-contacto .contacto p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;margin-bottom:50px;line-height:26px}@media (min-width: 768px){.footer-principal .container-footer-principal .formulario-contacto .contacto p{font-size:18px;line-height:28px;max-width:445px;width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto .contacto p{text-align:left;margin-left:0;margin-right:0}}.footer-principal .container-footer-principal .formulario-contacto .formulario{display:flex;flex-direction:column}@media (min-width: 768px){.footer-principal .container-footer-principal .formulario-contacto .formulario{max-width:445px;width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto .formulario{margin-left:0;margin-right:0}}.footer-principal .container-footer-principal .formulario-contacto .formulario input{outline:none;background-color:#242424;border:0;border-bottom:1px solid #FFFFFF;padding-left:24px;padding-bottom:16px;margin-bottom:32px}.footer-principal .container-footer-principal .formulario-contacto .formulario input::placeholder{font-size:16px;color:#919191;line-height:26px}.footer-principal .container-footer-principal .formulario-contacto .formulario input:focus{border-bottom:1px solid #4EE1A0}.footer-principal .container-footer-principal .formulario-contacto .formulario .textarea{padding-left:24px;padding-bottom:80px;margin-bottom:32px}.footer-principal .container-footer-principal .formulario-contacto .formulario .email-input{position:relative}.footer-principal .container-footer-principal .formulario-contacto .formulario .email-input .email{width:100%}.footer-principal .container-footer-principal .formulario-contacto .formulario .email-input .icon-error-email{position:absolute;right:0;top:0;display:none}.footer-principal .container-footer-principal .formulario-contacto .formulario .email-input .mensaje-error-email{position:absolute;right:0;bottom:12px;font-size:12px;line-height:16px;color:#ff6f5b;display:none}.footer-principal .container-footer-principal .formulario-contacto .formulario .email-input .invalid{border-bottom:1px solid #ff6f5b}.footer-principal .container-footer-principal .formulario-contacto .formulario button{align-self:flex-end;background-color:#242424;border:0;text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.footer-principal .container-footer-principal .formulario-contacto .formulario button:hover{color:#4ee1a0}}.footer-principal .container-footer-principal .titulo-nav-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-bottom:60px}@media (min-width: 768px){.footer-principal .container-footer-principal .titulo-nav-footer{padding-bottom:40px;gap:0;flex-direction:row;justify-content:space-between}}.footer-principal .container-footer-principal .titulo-nav-footer h2{font-size:24px;font-weight:700;line-height:32px}@media (min-width: 768px){.footer-principal .container-footer-principal .titulo-nav-footer h2{font-size:32px;letter-spacing:-.44px}}.footer-principal .container-footer-principal .titulo-nav-footer .menu-footer .menu-movil{display:flex;gap:26px}@media (min-width: 768px){.footer-principal .container-footer-principal .titulo-nav-footer .menu-footer .menu-movil{display:none}}.footer-principal .container-footer-principal .titulo-nav-footer .menu-footer .menu-tablet{display:none}@media (min-width: 768px){.footer-principal .container-footer-principal .titulo-nav-footer .menu-footer .menu-tablet{display:flex;gap:32px}}.header-principal{position:relative}.header-principal .image-perfil-movil{position:absolute;width:50%;top:0;left:50%;transform:translate(-50%);z-index:-1}@media (min-width: 768px){.header-principal .image-perfil-movil{display:none}}.header-principal .image-perfil-tablet{display:none}@media (min-width: 768px){.header-principal .image-perfil-tablet{display:block;position:absolute;right:0;width:40%;z-index:-1}}@media (min-width: 1440px){.header-principal .image-perfil-tablet{display:none}}.header-principal .circulos-header-movil{position:absolute;left:0;z-index:-2;top:18%}@media (min-width: 768px){.header-principal .circulos-header-movil{display:none}}.header-principal .circulos-header-tablet{display:none}@media (min-width: 768px){.header-principal .circulos-header-tablet{display:block;position:absolute;z-index:-1;top:13%}}@media (min-width: 1440px){.header-principal .circulos-header-tablet{display:none}}.header-principal .circulos-header-desktop{display:none}@media (min-width: 1440px){.header-principal .circulos-header-desktop{display:block;position:absolute;z-index:-1;top:12%}}.header-principal .oval-movil{position:absolute;right:0;top:38%}@media (min-width: 768px){.header-principal .oval-movil{top:69%}}@media (min-width: 1440px){.header-principal .oval-movil{display:none}}.header-principal .oval-desktop{display:none}@media (min-width: 1440px){.header-principal .oval-desktop{display:block;position:absolute;top:66%;right:38%}}.header-principal .container-header-principal{display:flex;flex-direction:column;padding-top:20px;padding-bottom:80px;border-bottom:1px solid #FFFFFF;margin-bottom:40px}@media (min-width: 768px){.header-principal .container-header-principal{gap:90px;padding-bottom:60px;margin-bottom:52px;padding-top:29px}}@media (min-width: 1440px){.header-principal .container-header-principal{position:relative;padding-bottom:219px;padding-top:39px;margin-bottom:72px}}.header-principal .container-header-principal .image-perfil-desktop{display:none}@media (min-width: 1440px){.header-principal .container-header-principal .image-perfil-desktop{display:block;position:absolute;right:0;top:0;width:40%;z-index:-1}}.header-principal .container-header-principal .titulo-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:351px}@media (min-width: 768px){.header-principal .container-header-principal .titulo-nav{margin-bottom:0;flex-direction:row;justify-content:space-between}}.header-principal .container-header-principal .titulo-nav h1{font-size:24px;font-weight:700;line-height:32px}@media (min-width: 768px){.header-principal .container-header-principal .titulo-nav h1{font-size:32px;line-height:32px}}.header-principal .container-header-principal .titulo-nav .menu-header .menu-movil{display:flex;gap:26px}@media (min-width: 768px){.header-principal .container-header-principal .titulo-nav .menu-header .menu-movil{display:none}}.header-principal .container-header-principal .titulo-nav .menu-header .menu-tablet{display:none}@media (min-width: 768px){.header-principal .container-header-principal .titulo-nav .menu-header .menu-tablet{display:flex;gap:32px}}@media (min-width: 1440px){.header-principal .container-header-principal .titulo-nav .menu-header .menu-tablet{margin-right:30px}}.header-principal .container-header-principal .description-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}@media (min-width: 768px){.header-principal .container-header-principal .description-header{width:100%;justify-content:flex-start;align-items:normal;gap:0}}.header-principal .container-header-principal .description-header h2{font-size:40px;font-weight:700;text-align:center;line-height:40px}@media (min-width: 768px){.header-principal .container-header-principal .description-header h2{font-size:72px;line-height:72px;letter-spacing:-2.05px;text-align:left;margin-bottom:60px;width:65%}}@media (min-width: 1440px){.header-principal .container-header-principal .description-header h2{font-size:88px;line-height:88px;letter-spacing:-2.5px;margin-bottom:43px}}.header-principal .container-header-principal .description-header h2 span{border-bottom:4px solid #4EE1A0;font-size:40px;font-weight:700;line-height:40px}@media (min-width: 768px){.header-principal .container-header-principal .description-header h2 span{font-size:72px;line-height:72px;letter-spacing:-2.05px;text-align:left;border-bottom:6px solid #4EE1A0}}@media (min-width: 1440px){.header-principal .container-header-principal .description-header h2 span{font-size:88px;line-height:88px;letter-spacing:-2.5px}}.header-principal .container-header-principal .description-header p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.header-principal .container-header-principal .description-header p{font-size:18px;line-height:28px;text-align:left;margin-bottom:34px;width:64%}}@media (min-width: 1440px){.header-principal .container-header-principal .description-header p{width:40%;margin-bottom:66px}}.header-principal .container-header-principal .description-header .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.header-principal .container-header-principal .description-header .button:hover{color:#4ee1a0}}.main-principal{position:relative}.main-principal .circulos-main-movil{position:absolute;right:0;top:16%}@media (min-width: 1440px){.main-principal .circulos-main-movil{display:none}}.main-principal .circulos-main-desktop{display:none}@media (min-width: 1440px){.main-principal .circulos-main-desktop{display:block;position:absolute;right:0;top:8%}}.main-principal .container-main-principal{padding-bottom:40px}@media (min-width: 768px){.main-principal .container-main-principal{padding-bottom:60px}}@media (min-width: 1440px){.main-principal .container-main-principal{padding-bottom:139px}}.main-principal .container-main-principal .habilidades-movil-tablet{display:flex;flex-direction:column;gap:24px;padding-bottom:40px;margin-bottom:80px;border-bottom:1px solid #FFFFFF}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet{gap:52px;border:0}}@media (min-width: 1440px){.main-principal .container-main-principal .habilidades-movil-tablet{display:none}}.main-principal .container-main-principal .habilidades-movil-tablet .top{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top{flex-direction:row;gap:0}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .html{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .top .html h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .html h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .top .html p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .html p{font-size:18px;line-height:28px;text-align:left}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .css{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .top .css h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .css h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .top .css p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .top .css p{font-size:18px;line-height:28px;text-align:left}}.main-principal .container-main-principal .habilidades-movil-tablet .mid{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid{flex-direction:row;gap:0}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .javascript{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .mid .javascript h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .javascript h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .mid .javascript p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .javascript p{font-size:18px;line-height:28px;text-align:left}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .access{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .mid .access h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .access h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .mid .access p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .mid .access p{font-size:18px;line-height:28px;text-align:left}}.main-principal .container-main-principal .habilidades-movil-tablet .bottom{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom{flex-direction:row;gap:0}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .react{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .bottom .react h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .react h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .bottom .react p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .react p{font-size:18px;line-height:28px;text-align:left}}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .sass{width:50%;display:flex;flex-direction:column;gap:14px}}.main-principal .container-main-principal .habilidades-movil-tablet .bottom .sass h3{font-size:32px;font-weight:700;text-align:center;margin-bottom:14px;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .sass h3{font-size:48px;line-height:56px;letter-spacing:-1.5px;text-align:left;margin-bottom:0}}.main-principal .container-main-principal .habilidades-movil-tablet .bottom .sass p{font-size:16px;font-weight:500;color:#d9d9d9;text-align:center;line-height:26px}@media (min-width: 768px){.main-principal .container-main-principal .habilidades-movil-tablet .bottom .sass p{font-size:18px;line-height:28px;text-align:left}}.main-principal .container-main-principal .habilidades-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .habilidades-desktop{display:flex;flex-direction:column;gap:58px;margin-bottom:140px}.main-principal .container-main-principal .habilidades-desktop .top{display:flex}.main-principal .container-main-principal .habilidades-desktop .top .html{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .top .html h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .top .html p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}.main-principal .container-main-principal .habilidades-desktop .top .css{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .top .css h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .top .css p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}.main-principal .container-main-principal .habilidades-desktop .top .javascript{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .top .javascript h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .top .javascript p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}.main-principal .container-main-principal .habilidades-desktop .bottom{display:flex}.main-principal .container-main-principal .habilidades-desktop .bottom .access{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .bottom .access h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .bottom .access p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}.main-principal .container-main-principal .habilidades-desktop .bottom .react{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .bottom .react h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .bottom .react p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}.main-principal .container-main-principal .habilidades-desktop .bottom .sass{display:flex;flex-direction:column;flex:1;gap:14px}.main-principal .container-main-principal .habilidades-desktop .bottom .sass h3{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.5px;text-align:left;margin-bottom:0}.main-principal .container-main-principal .habilidades-desktop .bottom .sass p{font-size:18px;line-height:28px;text-align:left;font-weight:500;color:#d9d9d9}}.main-principal .container-main-principal .projects{display:flex;flex-direction:column}.main-principal .container-main-principal .projects .titulo-boton{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media (min-width: 768px){.main-principal .container-main-principal .projects .titulo-boton{margin-bottom:60px}}.main-principal .container-main-principal .projects .titulo-boton h3{font-size:40px;font-weight:700;line-height:40px}@media (min-width: 768px){.main-principal .container-main-principal .projects .titulo-boton h3{font-size:72px;line-height:72px;letter-spacing:-2.05px}}@media (min-width: 1280px){.main-principal .container-main-principal .projects .titulo-boton h3{font-size:88px;line-height:88px;letter-spacing:-2.5px}}.main-principal .container-main-principal .projects .titulo-boton .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .titulo-boton .button:hover{color:#4ee1a0}}@media (min-width: 768px){.main-principal .container-main-principal .projects .container-projects{display:flex;flex-direction:column;gap:20px}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects{gap:69px}}@media (min-width: 768px){.main-principal .container-main-principal .projects .container-projects .top{display:flex;gap:22px}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top{gap:30px}}.main-principal .container-main-principal .projects .container-projects .top .portfolio{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .portfolio{display:none}}.main-principal .container-main-principal .projects .container-projects .top .portfolio img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .portfolio h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .top .portfolio .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .portfolio .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .top .portfolio .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .top .portfolio .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .portfolio .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .image-options .image-portfolio-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .top .portfolio-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}.main-principal .container-main-principal .projects .container-projects .top .landing-page{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .landing-page{display:none}}.main-principal .container-main-principal .projects .container-projects .top .landing-page img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .landing-page h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .top .landing-page .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .landing-page .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .top .landing-page .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .top .landing-page .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .landing-page .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .image-options .image-landing-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .top .landing-page-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}@media (min-width: 768px){.main-principal .container-main-principal .projects .container-projects .mid{display:flex;gap:22px}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid{gap:30px}}.main-principal .container-main-principal .projects .container-projects .mid .todo-web{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .todo-web{display:none}}.main-principal .container-main-principal .projects .container-projects .mid .todo-web img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .todo-web .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .image-options .image-todo-web-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .mid .todo-web-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app{display:none}}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .image-options .image-entertainment-app-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .mid .entertainment-app-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}@media (min-width: 768px){.main-principal .container-main-principal .projects .container-projects .bottom{display:flex;gap:22px}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom{gap:30px}}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .memory-game{display:none}}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .memory-game .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .image-options .image-memory-game-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .bottom .memory-game-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery{margin-bottom:40px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery{display:none}}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery img{width:100%;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery h4{font-size:24px;font-weight:700;margin-bottom:7px;line-height:32px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery .tecnologias{display:flex;gap:18px;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery .tecnologias p{font-size:18px;font-weight:500;line-height:28px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery .buttons{display:flex;gap:32px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery .buttons .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery .buttons .button:hover{color:#4ee1a0}}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop{display:none}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop{display:block}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options{position:relative;margin-bottom:20px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options:hover .options{opacity:1;z-index:1;cursor:pointer}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options .options{position:absolute;top:0;opacity:0;z-index:-1;width:540px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;background-color:#000000b3;transition:opacity 1s ease-in-out}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options .options .button{text-decoration:none;border-bottom:2px solid #4EE1A0;font-size:16px;font-weight:700;padding-bottom:10px;line-height:26px;width:max-content;letter-spacing:2.29px}}@media (min-width: 1440px) and (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options .options .button:hover{color:#4ee1a0}}@media (min-width: 1440px){.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .image-options .image-art-gallery-desktop{width:540px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .titulo-tecnologias{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .titulo-tecnologias h4{font-size:24px;line-height:32px;font-weight:700}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .titulo-tecnologias .tecnologias{display:flex;gap:18px}.main-principal .container-main-principal .projects .container-projects .bottom .art-gallery-desktop .titulo-tecnologias .tecnologias p{font-size:18px;line-height:28px}}body{overflow-x:hidden;background-color:#151515}html *{font-family:Space Grotesk;color:#fff}