@font-face{font-family:Rifton;font-style:normal;font-display:swap;src:url(../../../rifton.woff2) format("woff2")}html{background-color:#080808;color:#787878;letter-spacing:.2rem;font-family:Rifton;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{margin:2vw}.textheader{text-align:center}section:not(#title):not(#stack){margin-top:20vw}#noise{animation:grain 8s steps(10) infinite;background-image:url(../../../noise.webp);content:"";height:300%;left:-50%;opacity:.04;position:fixed;top:-110%;width:300%;pointer-events:none;z-index:100}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}[data-title]:hover:after{opacity:1;transition:all .1s ease .1s;visibility:visible}[data-title]:hover{border-color:#e7e7e759;transition:all .1s ease .1s}[data-title]:after{content:attr(data-title);transition:all .1s ease .1s;left:50%;transform:translate(-50%,-50%);position:absolute;bottom:3em;padding:4px 4px 4px 8px;color:#e7e7e7;font-size:.8rem;white-space:nowrap;background-color:#0f0f0f2a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(231,231,231,.1568627451);border-radius:5px;opacity:0;z-index:99999;visibility:hidden}[data-title]{position:relative;transition:all .1s ease .1s}[data-subtitle]:hover:after{opacity:1;transition:all .1s ease .1s;visibility:visible}[data-subtitle]:hover{border-color:#e7e7e759;transition:all .1s ease .1s}[data-subtitle]:after{content:attr(data-subtitle);transition:all .1s ease .1s;left:50%;transform:translate(-50%,-50%);position:absolute;bottom:-4em;padding:4px 4px 4px 8px;color:#e7e7e728;font-size:.6rem;white-space:nowrap;background-color:#0f0f0f2a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(231,231,231,.1568627451);border-radius:5px;opacity:0;z-index:99999;visibility:hidden}[data-subtitle]{position:relative;transition:all .1s ease .1s}nav{-webkit-user-select:none;user-select:none;position:fixed;display:flex;align-items:center;margin:0 auto;padding:1vw;border-radius:20px;overflow:auto;bottom:20px;left:0;right:0;height:55px;gap:1vw;width:fit-content;background-color:#ffffff1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,168,168,.3098039216);z-index:101}.social{margin:0 1.5vw;top:10px;left:0;right:unset;border-radius:10px;padding:.2vw;background-color:#ffffff09;border:1px solid rgba(168,168,168,.0941176471);height:fit-content}.social>a{color:#e7e7e7;text-decoration:none;transition:.1s ease-in-out;padding:.5rem .8rem;border-radius:8px;align-items:center;margin:.2rem;letter-spacing:.1rem;background-color:unset;border:unset;font-size:1.5rem;display:flex;padding:.3rem}.social>a:hover{text-shadow:0px 0px 10px rgba(231,231,231,.1568627451);background-color:#a8a8a81f}.navleng{margin:0 1.5vw;top:10px;right:0;left:unset;border-radius:10px;padding:.2vw;background-color:#ffffff09;border:1px solid rgba(168,168,168,.0941176471);height:fit-content}.navleng>button{color:#e7e7e7;text-decoration:none;transition:.1s ease-in-out;padding:.5rem .8rem;border-radius:8px;align-items:center;margin:.2rem;letter-spacing:.1rem;background-color:unset;border:unset}.navleng>button:hover{text-shadow:0px 0px 10px rgba(231,231,231,.1568627451);background-color:#a8a8a81f}nav>a,nav>a:visited{color:#e7e7e7;text-decoration:none;transition:.1s ease-in-out;padding:1rem;border-radius:15px;letter-spacing:.1rem}nav>a:hover,nav>a:visited:hover{text-shadow:0px 0px 10px rgba(231,231,231,.1568627451);background-color:#a8a8a81f}#disabled{pointer-events:none;color:#787878}.current,#current{background-color:#787878}header{margin-top:10vw;display:flex;flex-direction:column;align-items:center;text-align:center}header:before{position:absolute;content:"";z-index:-1;top:0%;bottom:0%;width:100%;height:50vh;opacity:.4;-webkit-mask-image:radial-gradient(rgba(0,0,0,.5),transparent 70%);mask-image:radial-gradient(rgba(0,0,0,.5),transparent 70%);background:linear-gradient(90deg,rgba(0,0,255,0),rgb(101,0,255)),linear-gradient(90deg,rgb(255,0,106),rgba(0,255,0,0)),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='10' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.presentation{display:flex;flex-direction:column;font-size:7vw;color:#e7e7e7;align-items:center}.presentation>#name{margin-top:1rem;display:inline-block;font-size:10vw;color:transparent;width:fit-content;height:fit-content;-webkit-text-stroke:1px #e7e7e7;letter-spacing:.3rem;transition:.3s ease-in-out}.presentation>#name:hover{color:#e7e7e7;transform:scale(1.05) translateY(-10px);letter-spacing:.4rem;text-shadow:0 0 20px hsla(0,0%,100%,.3529411765)}.desc>#developer{color:#e7e7e7;transition:.2s ease-in-out;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.3rem}.desc>#developer:hover{color:#40f;text-decoration-color:#40f}.desc>#artist{color:#e7e7e7;transition:.2s ease-in-out;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.3rem}.desc>#artist:hover{color:#f0d;text-decoration-color:#f0d}#stack{margin-top:5vw}.techs{display:flex;cursor:default;font-size:2rem;flex-wrap:wrap;justify-content:center;gap:1rem}.iconstack>.iconify,.iconsection>.iconify,.icon>.iconify{filter:grayscale(100%);width:fit-content;transition:.15s ease-in-out}.iconstack>.iconify[icon="tabler:sql"],.iconsection>.iconify[icon="tabler:sql"],.icon>.iconify[icon="tabler:sql"]{color:#3f3fff79}.iconstack>.iconify:hover,.iconsection>.iconify:hover,.icon>.iconify:hover{filter:grayscale(0%);transform:scale(1.2)}.iconpopup{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.2rem}.iconpopup>.iconify{margin:.3rem}.iconsection{position:relative;display:inline-block;padding-left:1rem;padding-right:1rem;border-left:1px solid rgba(255,255,255,.144);border-right:1px solid rgba(255,255,255,.144);border-radius:5px}.tooltip:after{content:"^";display:table-cell;font-size:1.3rem;vertical-align:middle;text-align:center;position:absolute;left:0;right:0;bottom:-1.7rem;pointer-events:none;color:#e4e4e46e}.tooltip>.iconify{cursor:pointer}.textheaderstack{text-align:center}#proyects{scroll-margin-top:-3vw}.proyects{scroll-margin-top:5vw;margin-top:5vw;display:grid;align-items:center;grid-template-columns:repeat(1,1fr);gap:10px;grid-auto-rows:minmax(100px,auto)}form{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem}.inputs{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#e7e7e7;padding:1rem;font-weight:600;font-size:1rem;border-radius:10px;background-color:#a8a8a80a;outline:none;border:1px solid rgba(168,168,168,.3647058824);resize:none}.inputs::placeholder{color:#a8a8a85d}input[type=Submit]{font-family:Rifton;color:#d8d8d8;font-weight:800;letter-spacing:.1rem;padding:1rem;border-radius:10px;background-color:#0e0e0e5d;outline:none;border:1px solid rgba(168,168,168,.3647058824);width:100%;cursor:pointer}.divInput{display:flex;flex-direction:column;width:100%}.error{color:#ce3f3f;font-size:.8rem;margin-left:1rem;text-decoration:underline;text-decoration-style:solid;text-decoration-color:#ce3f3f3f;text-decoration-thickness:1px;text-underline-offset:.3rem;cursor:default;line-height:1.3rem}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}#contact{margin-bottom:6rem}.formsending{color:#e6e6e6;font-size:.8rem;margin-top:1rem;text-align:center;cursor:default;line-height:1.3rem}.formerror{color:#ce3f3f;font-size:.8rem;margin-top:1rem;text-align:center;cursor:default;text-decoration:underline;text-decoration-style:solid;text-decoration-color:#ce3f3f3f;text-decoration-thickness:1px;text-underline-offset:.3rem;line-height:1.3rem}.formsent{color:#3fce52;font-size:.8rem;margin-top:1rem;text-align:center;cursor:default;text-underline-offset:.3rem;line-height:1.3rem}.title{color:#d1d1d1}.about{display:flex;flex-direction:column;gap:1rem;margin-left:1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-weight:700;letter-spacing:.05rem;max-width:80vw;color:#d1d1d1;margin-bottom:6rem}strong a,strong a:visited{color:#92a3f3}strong{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:.1rem}@media only screen and (min-width: 700px){header{margin-top:8vw}header:before{bottom:30%;height:unset;opacity:.2}nav{padding:0 1vw;gap:.5vw;border-radius:15px}nav>a,nav>a:visited{padding:.8vw;border-radius:10px}.presentation{font-size:2.2vw}.presentation>#name{font-size:4vw;-webkit-text-stroke:.1px #e7e7e7}.desc{font-size:1.2vw}.textheader{margin-bottom:3.5vw}section:not(#title):not(#stack){margin-top:15vw}.card{width:unset}form{display:flex;justify-content:center;align-items:center;gap:1rem;width:60vw;margin:0 auto}.about{max-width:35vw}}@media only screen and (min-width: 950px){form{width:45vw}}@media only screen and (min-width: 1200px){form{width:30vw}}