@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Text:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{padding:0;margin:0;outline:none;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;color:#fafafa;background-color:#23232b;min-height:100vh;width:100%;font-size:1rem;overflow:auto}li{list-style:none}a,button{font-family:Poppins,sans-serif;text-decoration:none;font-size:1rem;font-weight:400;color:#fafafa;text-align:center}.background{position:relative;min-height:100vh;background:#0f111a;background-color:#0f111a}.curve{position:absolute;bottom:0;width:100%;height:200px;background:#1d2033;clip-path:ellipse(75% 100% at 50% 100%);z-index:-1}.dots{position:absolute;bottom:0;right:0;width:200px;height:200px;background-image:radial-gradient(#4fa8ff 2px,transparent 2px);background-size:20px 20px;opacity:.3}@media (max-width: 660px){.dots{display:none}}.paragraph{max-width:50%}.app-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.app-wrapper>*{margin-bottom:64px}.info-container{display:flex;flex-direction:column;gap:20px;width:100%;position:relative}#mateo-giuffra{margin-top:64px}.button-container{display:flex;gap:16px;align-items:center}h1{font-size:3rem}.technologies-container{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:20px}.technology-individual-card{animation:appear linear both;animation-timeline:view();animation-range:entry 20% cover 30%;transition:all .2s ease-in-out;border-radius:12px;outline:1px solid rgba(0,0,0,.438)}.technology-individual-card:hover{box-shadow:0 0 20px #2f1f80;scale:1.05;outline:1px solid rgb(47,31,128)}@keyframes appear{0%{opacity:0;transform:translateY(100px);transform:scale(.9)}to{opacity:1;transform:translateY(0);transform:scale(1)}}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;width:100%;box-sizing:border-box;place-content:center}.proyect-individual-card{margin-top:16px}.contact-container{display:flex;justify-content:space-between;gap:32px;width:100%;min-height:460px;margin:0 auto}@media (max-width: 850px){.contact-container{flex-direction:column;align-items:center;gap:16px}}.contact-container h3{font-size:1.5rem}.button{border-radius:30px;padding:12px;border:1px solid white;background-color:transparent;color:#fafafa;transition:all .3s ease-in-out;border:2px solid rgb(250,250,250)}.button.white{color:#000;background-color:#f1f1f1}.button.white:hover{color:#fafafa;background-color:transparent}.button:hover{background-color:#d6d6d6;color:#23232b;cursor:pointer}.section-app-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fade-in linear both;animation-timeline:view();animation-range:entry 20% cover 30%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.section-app{background:linear-gradient(to bottom,#0f111a,#2f263b7e);box-shadow:0 0 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;width:100%;max-width:1200px;height:auto;padding:20px;border-radius:4px}.section-app>h1,h2{padding-bottom:16px}.padding-container{padding:32px}.main-header{height:72px;display:flex;flex-flow:column wrap;justify-content:center;position:sticky;top:0;left:0;width:100%;z-index:1;padding:0 16px;animation:enhance-header linear both;animation-timeline:scroll(root);animation-range:0 200px}@keyframes enhance-header{to{background-color:#1824446e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.nav{display:flex;justify-content:space-around;align-items:center}.nav-list{display:flex;gap:20px}.nav-list li{transition:all .1s ease-in-out}.nav-list li:hover,#my-name:hover{transform:scale(1.05);cursor:pointer;color:#fff}#my-name{font-size:2rem;font-family:Poppins,sans-serif;font-weight:600;text-align:center;transition:all .3s ease-in-out}@media (max-width: 768px){.nav-list>*,#my-name{font-size:1.5rem}}.technology{padding:12px;border:2px solid rgb(49,72,99);border-radius:12px;width:200px;min-height:200px;max-height:262px;position:relative;overflow:hidden;background-color:#314f6d18;box-shadow:0 0 15px #ffffff26;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}@media (max-width: 768px){.technology{width:100%;height:100px;width:150px;max-height:262px}}.technology p{font-size:1.2rem;font-weight:600;text-align:center;color:#fafafa;margin-bottom:auto;width:100%}.reflec-light:before{position:absolute;z-index:1;width:10%;height:200%;content:"";background-color:#a6adb45e;filter:blur(20px);opacity:.5;left:-40px;bottom:0;rotate:45deg;animation:light 2s infinite 5s}@keyframes light{to{transform:translate(2000%)}}.technology img{width:100%;height:100%;object-fit:cover}.proyect-card-wrapper{width:100%;max-width:500px;perspective:1000px}.proyect-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;min-height:800px}.proyect-card-inner.flipped{transform:rotateY(180deg)}.proyect-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:#1d2030;border-radius:10px;border:1px solid #585eaf42;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow:hidden;gap:16px}.proyect-card-technologies-container{width:100%;text-align:center;display:flex;flex-direction:column;gap:12px}.proyect-card-techs-and-buttons-container{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.proyect-card-front{z-index:2}.proyect-card-back{transform:rotateY(180deg);z-index:1}.proyect-card-img{width:100%;aspect-ratio:16/9;border-radius:10px;transition:transform .3s}.proyect-card-img:hover{transform:scale(1.05)}.proyect-card-title{font-size:2rem;text-align:center;color:#fff}.proyect-card-technologies{font-size:1.5rem;color:#fff}.proyect-card-technologies-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.proyect-title-img-and-description-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-height:600px}.tag{padding:8px 16px;background-color:#eee;border-radius:24px;border:none;color:#000;box-shadow:inset 1px 0 #84868a,0 1px #84868a}.proyect-card-button-container{display:flex;flex-direction:column;width:100%;gap:12px}.proyect-card-description{font-size:.7lh;line-height:1.5;color:#fff;padding:10px;max-height:80%;text-align:start}.proyect-card-subtitle{width:100%;font-size:1.5rem;text-align:center}.proyect-card-more-info-list{width:100%;display:flex;flex-flow:column wrap;align-items:start;justify-content:space-between;gap:12px;height:100%;padding-left:24px;text-align:start}.proyect-card-more-info{color:#fff;font-size:.7lh;list-style:outside}.proyect-card-back-image-container{max-height:300px;min-height:236px;width:100%;display:flex;justify-content:center;align-items:center;border-radius:16px;background-color:#00000063;transform:blur(10px);transition:transform .3s}.proyect-card-back-image{width:100%;height:100%;object-fit:cover;border-radius:16px}.proyect-card-back-image-container:hover{transform:scale(1.05)}.contact-form{flex:1;min-height:460px;background-color:#1d2030;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;width:100%;max-width:700px}.contact-form-container{display:flex;flex-direction:column;justify-content:space-around;padding:16px;gap:16px;width:100%;height:100%}.contact-form-legend{font-size:1rem;display:flex;flex-direction:column;gap:8px}.input-form{background-color:#201e25;border:none;height:48px;padding:8px;border-radius:16px;font-size:.8rem;font-family:Poppins,sans-serif;color:#fff;background-color:transparent;border-bottom:1px solid rgb(176,189,230);border-top:1px solid rgba(81,82,138,.589)}.input-form:focus{border:1.5px solid rgb(218,221,236);box-shadow:2px -1px 32px 25px #c2c9d3 inset;-webkit-box-shadow:2px -1px 32px 25px rgba(81,78,122,.17) inset;-moz-box-shadow:2px -1px 32px 25px rgba(125,153,196,.17) inset;transition:all .3s ease-in-out}#textarea{resize:none;height:80px}.general-icon{width:24px;height:24px;background-color:#fff;border-radius:50%;border:1px solid #0516f842}.general-icon.cien{width:36px;height:36px}.anchor-icon{text-decoration:none;color:inherit;cursor:pointer;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out}.anchor-icon:hover{scale:1.1}.contact-info{flex:1;max-width:500px;background-color:#1d2030;display:flex;align-items:center;justify-content:center;border-radius:8px;max-width:300px}.free-feel{font-size:.9rem;color:#e2e2e2;text-decoration:none;font-family:Poppins,sans-serif;font-weight:300}.contact-info-container{display:flex;flex-direction:column;padding:16px;gap:16px}.contact-info-list{width:100%;display:flex;flex-direction:column;gap:16px;list-style:none}.contact-info-list>li{background-color:#050816;width:100%;border-radius:8px;padding:8px}.anchor-contact{display:flex;flex-flow:column wrap;justify-content:center;align-items:start;gap:8px;padding-left:2px}.anchor-contact div{display:flex;gap:8px;align-items:center;text-decoration:none;color:#fff;width:100%}.anchor-sub-text,.contact-info-email p{font-size:.8rem;color:#e2e2e2;text-decoration:none;font-family:Poppins,sans-serif;font-weight:300}.contact-info-email .email{font-size:.7rem;color:#7182e2}@media (max-width: 850px){.contact-info{max-width:100%;width:100%}.contact-info-container{display:flex;flex-direction:column;padding:16px;gap:16px;width:100%}}@media (max-width: 500px){.contact-info{max-width:100%}.contact-info-list{gap:8px}.contact-info-list>li{padding:4px}.anchor-contact div{gap:4px}.anchor-sub-text{font-size:.7rem}}