html[lang=es] eng{display:none}html[lang=en] esp{display:none}img{pointer-events:none!important}*{margin:0;padding:0;border:none;outline:0;scroll-behavior:smooth;transition-duration:.45s;font-family:Poppins,Segoe UI,sans-serif;text-decoration:none}:root{--bodyBg: rgba(0, 0, 0, 1);--cardBg: rgba(15, 15, 15, .5);--extraBg: rgba(20, 20, 20, .75);--lightBg: rgba(65, 65, 65, .25);--doNotUseMe_whiteStroke: rgba(255, 255, 255, .25);--doNotUseMe_darkStroke: rgba(0, 0, 0, .25);--doNotUseMe_strokeWidth: 2px;--cardStroke: var(--doNotUseMe_strokeWidth) solid var(--doNotUseMe_whiteStroke);--cardStrokeDark: var(--doNotUseMe_strokeWidth) solid var(--doNotUseMe_darkStroke)}body{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:20px;padding:40px 0;background-image:linear-gradient(to bottom right,#505050,#1f1f1f);color:#fff}footer{padding:10px;margin-bottom:20px;width:calc(100% - 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--cardBg);border:var(--cardStroke)}.zakaBox{flex-grow:1;padding:20px;background-color:var(--cardBg);border:var(--cardStroke)}.logo{height:100px;object-fit:scale-down}.god{color:#00ff64}.meh{color:#ffff32}.nah{color:#ff3232}.disclaimer{color:#ccc;font-size:xx-small}h1{font-size:1.5em}hr{width:100%;height:2px;background-color:#ffffff40}.skill-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;width:calc(100% - 40px)}.all-skills{display:flex;flex-grow:1;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.skill{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;flex:1;gap:10px;flex-grow:1;padding:20px;background-color:var(--extraBg);border:var(--cardStroke);flex-basis:40%}.skill .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.skill .text h3{font-size:larger;font-weight:400;line-height:1.1}.skill .text p{font-size:smaller;opacity:.75;line-height:1}a{font-weight:500;color:#19ff73}a:hover{text-decoration:underline}bento{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-gap:20px;width:100%}bento>a:last-child:nth-child(odd)>box{grid-column:span 2}bento>a{display:contents}bento>a>box{grid-column:auto;grid-row:auto}bento a{color:#fff}box{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:20px;background-color:var(--cardBg);border:var(--cardStroke);gap:10px}box img{object-fit:scale-down}box .imageLike{width:48px;height:48px;display:grid;place-items:center}box flex p{line-height:100%}box flex{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}box:hover{cursor:pointer}box:hover flex{gap:40px;font-weight:700}box .label{padding:5px 10px;border:var(--cardStrokeDark);background-color:var(--lightBg);font-size:small;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.box-yt:hover svg path[fill="#FFF"]{fill:#ff3d00}.box-boblox:hover svg path,.box-websocket:hover svg path,.box-proton:hover svg path,.box-yt:hover svg path[fill="#FF3D00"],.box-dc:hover svg path,.box-fogma:hover svg circle,.box-fogma:hover svg path,.box-exponential:hover svg path,.box-x:hover svg path,.box-sky:hover svg path,.box-cat:hover svg path,.box-codeberg:hover svg path,.box-kbi:hover svg path,.box-ovs:hover svg path,.box-in:hover svg rect{fill:#fff}.box-yt:hover{background-color:#ff3d0090;box-shadow:0 0 60px #ff3d00;border:2px solid #ff3d00}.box-x:hover{background-color:#03a9f490;box-shadow:0 0 60px #03a9f4;border:2px solid #03a9f4}.box-dc:hover{background-color:#536dfe90;box-shadow:0 0 60px #536dfe;border:2px solid #536dfe}.box-fogma:hover{background-color:#66bb6a90;box-shadow:0 0 60px #66bb6a;border:2px solid #66bb6a}.box-gh:hover{background-color:#000;box-shadow:0 0 60px #ffffff30;border:2px solid #ffffff90}.box-boblox:hover{background-color:#ff573390;box-shadow:0 0 60px #ff5733;border:2px solid #ff5733}.box-neboola:hover{background-color:#834dba90;box-shadow:0 0 60px #834dba;border:2px solid #834dba}.box-bread:hover{background-color:#0070f390;box-shadow:0 0 60px #0070f3;border:2px solid #0070f3}.box-ppt:hover{background-color:#ffa50090;box-shadow:0 0 60px orange;border:2px solid #ffa500f3}.box-websocket:hover{background-color:#194ec590;box-shadow:0 0 60px #194ec5;border:2px solid #194ec5}.box-sus:hover{background-color:#dc187a90;box-shadow:0 0 60px #dc187a;border:2px solid #dc187a}.box-exponential:hover{background-color:#3280ff70;box-shadow:0 0 60px #3280ff;border:2px solid #3280ff}.box-nodular:hover{background-color:#a0524490;box-shadow:0 0 60px #a05244;border:2px solid #a05244}.box-proton:hover{background-color:#7341ff90;box-shadow:0 0 60px #7341ff;border:2px solid #7341ff}.box-vuelta:hover{background-color:#f99a6690;box-shadow:0 0 60px #f99a66;border:2px solid #f99a66}.box-sky:hover{background-color:#2587fa90;box-shadow:0 0 60px #2587fa;border:2px solid #2587fa}.box-cat:hover{background-color:#e2432990;box-shadow:0 0 60px #e24329;border:2px solid #e24329}.box-codeberg:hover{background-color:#2186cf90;box-shadow:0 0 60px #2186cf;border:2px solid #2186cf}.box-beans:hover{background-color:#5d2bff90;box-shadow:0 0 60px #5d2bff;border:2px solid #5d2bff}.box-hokkas:hover{background-color:#fac29090;box-shadow:0 0 60px #fac290;border:2px solid #fac290}.box-kbi:hover{background-color:#c2328290;box-shadow:0 0 60px #c23282;border:2px solid #c23282}.box-ovs:hover{background-color:#3e5cb190;box-shadow:0 0 60px #3e5cb1;border:2px solid #3e5cb1}.box-in:hover{background-color:#00669990;box-shadow:0 0 60px #069;border:2px solid #006699}.box-profe:hover{background-color:#0099ff90;box-shadow:0 0 60px #09f;border:2px solid #0099ff}.box-in:hover svg path{fill:#069}a.lang{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;opacity:.5;text-decoration:none}a.lang:hover{opacity:1;cursor:pointer}.langSelector{display:flex;flex-direction:column;gap:12px;position:fixed;top:40px;right:5vw;padding:10px;background-color:var(--cardBg);border:var(--cardStroke);z-index:99}@media only screen and (max-width: 1000px){body{flex-direction:column;justify-content:start;height:auto;max-width:calc(100vw - 40px)}bento{width:100%;display:flex;flex-direction:column}box{flex-grow:1}.all-skills{flex-direction:row!important;flex-wrap:wrap}.skill{width:calc(100% - 40px);align-items:flex-start;justify-content:flex-start;padding:20px;flex-basis:30%;flex-direction:column;text-align:start}}@media only screen and (min-width: 1000px){body{flex-direction:column;justify-content:start;max-width:1700px!important;width:90vw}.skill{flex-direction:row}}.animation{opacity:0;transform:translateY(15px);transition:all .6s ease!important}@media (prefers-reduced-motion: reduce){.animation{opacity:1;transition:none}}.scroll-animation{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:0;background-color:#6f6f6f}::-webkit-scrollbar-thumb{background:#00c864;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#19ff73}