#root{max-width:1100px;margin:0 auto;padding:2rem;width:100%}:root{--color-text-light: rgba(0, 0, 0, .87);--color-text-dark: rgba(255, 255, 255, .87);--color-bg-light: rgba(255, 255, 255, .87);--color-bg-dark: rgba(0, 0, 0, .87);--color-primary: blue;--color-secondary: lightblue;background-size:cover;background-repeat:no-repeat}.light{color:var(--color-text-light);background-color:var(--color-bg-light);background-image:url(/light.png);transition:all .3s ease-in-out}.dark{color:var(--color-text-dark);background-color:var(--color-bg-dark);background-image:url(/dark.png);transition:all .3s ease-in-out}html{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;background-attachment:fixed}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-dark);color:var(--color-text-dark);cursor:pointer;transition:background-color .3s,border-color .3s}a{text-decoration:none;color:inherit;cursor:pointer;transition:color .3s}.light button{background-color:transparent;color:var(--color-text-light);height:40px}.dark button{background-color:transparent;color:var(--color-text-dark);height:40px}.button_trans{background:transparent;border-radius:300px;border:2px solid var(--color-secondary);padding:2px;margin-left:5px;margin-right:10px;transition:border-color .3s}.button_trans:hover{border:2px solid red}.botonSubir a{border:4px solid var(--color-secondary);color:#000;border-radius:25px;padding:10px;text-decoration:none;font-weight:500;font-size:larger;background:lightblue;position:fixed;z-index:50;bottom:10px;right:0}.botonSubir a:hover{background:lightblue;border:3px solid var(--color-primary);transition:all .3s}.header{display:flex;justify-content:center;align-items:center;height:132px;border:5px solid var(--color-primary);border-radius:25px 0;margin-bottom:35px;background:var(--color-bg-dark);color:var(--color-secondary);width:100%;list-style:none}.light .header{background:var(--color-bg-light);color:var(--color-primary)}.port{margin-left:25px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;background:linear-gradient(60deg,red,white,blue);background-size:1000% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 10s linear infinite;font-size:35px}@keyframes gradient{0%{background-position:0% 100%}50%{background-position:100% 100%}to{background-position:0% 100%}}.light .port{-webkit-text-stroke-color:black}.header nav{flex-grow:1}.theme_language{display:flex;flex-direction:row;justify-content:center;align-items:center;width:fit-content}nav{width:100%}.header nav ul{display:flex;justify-content:center;align-items:center;list-style:none}.header li{text-transform:uppercase;font-weight:700;font-size:17px;margin-left:15px;margin-right:15px}.header li a{color:#add8e6;text-decoration:none;transition:all .3s}.light .header li a{color:#00008b;text-decoration:none;transition:all .3s}.header a:hover,.light .header a:hover{color:red}.header .active,.light .header .active{color:red;text-decoration-line:underline}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:85%;height:fit-content;padding-bottom:75px}.footer{width:100%;text-align:center;font-size:14px;border-top:5px solid blue;border-bottom:5px solid blue;margin-top:35px;padding-top:45px;min-height:50px;line-height:10px;background-color:var(--color-bg-dark)}.light .footer{background-color:var(--color-bg-light)}.my_self{display:flex;flex-direction:column;align-items:center;justify-content:center}.photo{width:20%;padding:5%}.photo img{width:100%;border:12px double blue;border-radius:300px;padding:5%}.my_self_type{display:flex;flex-direction:columnn}.ancho_home{min-width:266px;display:flex;flex-direction:column}.home{background:rgba(0,0,0,.87);width:95%;border:3px solid blue;margin:auto;padding:25px;border-radius:25px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.light .home{background:rgba(255,255,255,.87)}.home h1{font-family:Georgia,Times New Roman,Times,serif;margin-bottom:0}.home h2{font-weight:lighter}.home a,.work-item a{background-color:var(--color-bg-dark);color:#fff;display:flex;flex-direction:row;justify-content:center;font-weight:700;border-radius:10px;padding:4px;margin:3px;text-decoration:none;border:1px solid blue}.light .home a,.light .work-item a{background-color:var(--color-bg-light);color:#000;border:1px solid blue}.home a:hover,.work-item a:hover{background:blue;color:#ffb6c1;transition:all .3s}.light .home a:hover,.light .work-item a:hover{background:lightblue;color:#000;transition:all .3s}.home strong{color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:lightblue}.type{display:grid;place-items:center;font-size:2.47rem;font-family:Courier New;border-right:.1em solid lightblue;animation:blink 1s steps(1) infinite;width:0;margin:auto auto 10px;height:50px;overflow:hidden;white-space:nowrap;animation:typing 1.5s steps(11) 1s 1 normal both,blink 1s steps(1) infinite}@keyframes typing{0%{width:0}to{width:262px}}@keyframes blink{50%{border-color:transparent}}.heading{text-align:center;align-items:center;font-style:italic;font-size:40px;font-weight:500;margin:-10px;color:#add8e6}.light .heading{color:#00008b}.heading2{text-align:center}.redes{width:fit-content;display:flex;align-items:center;justify-content:center;place-items:center;margin:25px}.redes a,.redes a:hover{background-color:transparent;border:1px solid blue}.redes_contacto{border:10px double blue;background-color:#000;padding:3% 10% 6%;margin:15px 15px 10%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 5px 14px #646cff}.light .redes_contacto{background-color:#fff}.contacto_a{color:#add8e6}.light .contacto_a{color:#00008b}.contacto_a:hover{color:#8a2be2}.redes_footer{margin:15px;display:flex;flex-direction:row;justify-content:center;align-items:center}.red{margin:15px;padding:15px}.red:hover{-webkit-transform:scale(1.3);transform:scale(1.5);transition:all .3s}.services{display:flex;flex-flow:row wrap;justify-content:center}.service{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:rgba(0,0,0,.87);width:27%;margin:10px;border:2px solid blue;border-radius:10px;text-align:center;padding:20px;transition:all .3s ease-in-out}.service2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:rgba(0,0,0,.87);width:27%;margin:10px;border:2px solid blue;border-radius:10px;text-align:center;padding:20px;transition:all .3s ease-in-out}.light .service,.light .service2{background:rgba(255,255,255,.87)}.service p{text-align:justify;align-items:flex-end}.service:hover,.service2:hover{transition:all .3s;box-shadow:0 0 5px 5px #646cff}.service h2,.service2 h2{color:#add8e6}.service li,.service2 li{text-align:left;margin-left:-5%}.light .service h2,.light .service2 h2{color:#00008b}.skills{border:6px double blue;transition:all .3s;width:25%;margin-bottom:30px;box-shadow:0 5px 14px #646cff}.skills1{border:1px solid blue;width:15%;aspect-ratio:4/3;transition:all .3s;margin:1%;box-shadow:0 5px 14px #646cff}.skills2{border:6px double blue;transition:all .3s;width:45%;margin-bottom:30px;box-shadow:0 5px 14px #646cff}.skills1_caja{width:fit-content}.skills:hover{border:6px double blue;-webkit-transform:scale(1.3);transform:scale(1.2)}.skills1:hover{-webkit-transform:rotate(360deg);transform:rotate(15deg)}.skills2:hover{border:6px double blue;-webkit-transform:scale(1.3);transform:scale(1.2)}.education{width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:25px;border:4px solid blue;background-color:var(--color-bg-dark);border-radius:25px 0;margin-top:25px;padding:25px;text-align:center}.light .education{background-color:var(--color-bg-light);color:#00008b}.last-works{margin-bottom:15px}.works{height:fit-content;display:flex;flex-wrap:wrap;justify-content:center}.work-item{width:fit-content;height:fit-content;flex-basis:25%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:20px;border:2px solid blue;border-radius:8px;padding:15px;background:rgba(0,0,0,.87);box-shadow:0 5px 14px #646cff}.light .work-item{background:rgba(255,255,255,.87)}.work-item2{width:514px;display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:20px;border:4px double blue;border-radius:8px;padding:25px 15px 15px;background-color:var(--color-bg-dark);box-shadow:0 5px 14px #646cff}.light .work-item2{background-color:var(--color-bg-light)}.cajas{display:flex}.work-item-skills{width:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:20px;border:2px solid blue;border-radius:8px;padding:15px;background-color:var(--color-bg-dark);box-shadow:0 5px 14px #646cff}.light .work-item-skills{background-color:var(--color-bg-light)}.work-item .mask img{width:100%;aspect-ratio:1/1;transition:all .3s ease-in-out;overflow:hidden}.mask{overflow:hidden;width:100%;height:250px;border:1px solid black;box-shadow:0 5px 14px gray;max-height:fit-content}.mask2{position:relative;width:100%;padding-top:75%;overflow:hidden}.mask2 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:solid 1px white}.light .mask2 img{border:solid 1px black}.work-item img:hover{transition:all .3s ease-in-out;width:130%;overflow:hidden}.work-item span{display:block;color:#fff;font-size:25px;margin-top:35px}.light .work-item span{color:#000}.work-item h2{display:block;color:#fff}.light .work-item h2{color:#000}.work-item h3{display:flex;justify-content:center;color:#fff;max-width:500px;padding:10px}.light .work-item h3{color:#000}.cv{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.light .cv h3{color:#000}.work-item a{color:#add8e6;transition:all .3s;display:flex;justify-content:center}.work-item a:hover{color:#ffb6c1}.datos{display:flex;flex-direction:column;align-items:center;justify-content:center}.texts{width:85%;margin:auto auto 3%}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.avatar{width:200px;height:200px;box-sizing:border-box;border:5px blue solid;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #85030399;transform:translatey(0);animation:float 6s ease-in-out infinite;img {width: 100%; height: auto;}}.botonSubir{position:fixed;bottom:1rem;right:1.25rem;padding:.3rem;font-weight:700;color:#1e40af;background-color:#fff;border:4px solid #1e40af;border-radius:.75rem;cursor:pointer}.botonSubir:hover{border:3px solid #1a365d;bottom:1rem}.no-format-link{text-decoration:none;color:inherit}.no-format-link:hover{color:#00f}.language-selector{position:relative;display:inline-block}.dropdown-btn{background-color:#000;padding:8px;border:none;cursor:pointer}.dropdown-menu{display:block;position:absolute;background-color:#00f;border:#000 2px double;box-shadow:0 8px 16px #0000001a;list-style:none;padding:0;margin:0;z-index:1;width:90px;height:35px}.light .dropdown-menu{background-color:#add8e6}.dropdown-menu li{padding:15px;cursor:pointer;display:flex;align-items:center}.dropdown-menu li:hover{background-color:#add8e6}.dropdown-menu img{margin:-10px;border:#000 2px 0 0}.language-popup{position:fixed;top:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(1%,-10%);background:lightgrey;border:6px solid black;padding:15px;z-index:1000;border-radius:10px;box-shadow:0 0 15px #0003}.popup-content{display:flex;flex-direction:row;align-items:center;gap:5px}.language-option{display:flex;align-items:center;gap:0px;background:transparent;border:1px solid blue;cursor:pointer}.language-option:hover{background:blue}.close-popup{margin-top:-5px;background:none;border:none;cursor:pointer;font-size:30px;color:#000!important}@media (max-width: 1030px){:root{width:100%;background-size:cover;background-attachment:fixed}html{height:1000px}.layout{width:95%;display:flex;flex-direction:column;font-size:.8em}.header{width:100%;margin-top:-25px;margin-bottom:10px;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.header nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-15px}.header li{margin-left:5px;margin-right:5px}.port{margin:0;height:30px;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:white;background:linear-gradient(60deg,red,white,blue);background-size:1000% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 10s linear infinite;font-size:px}@keyframes gradient{0%{background-position:0% 100%}50%{background-position:100% 100%}to{background-position:0% 100%}}nav{margin-left:-25px;display:flex;justify-content:center;align-items:center;height:fit-content}.home{font-size:.8em;min-width:265px;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;padding:15px}.cajas{display:flex;flex-direction:column}.works{height:fit-content;display:flex;flex-wrap:column;justify-content:center}.work-item{width:fit-content;height:fit-content;flex-basis:25%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:20px;border:2px solid blue;border-radius:8px;padding:15px;background-color:var(--color-bg-dark);box-shadow:0 5px 14px #646cff}.work-item2{width:514px}.work-item .mask img{width:100%;aspect-ratio:1/1;transition:all .3s ease-in-out;overflow:hidden}.mask{overflow:hidden;width:100%;height:250px;border:1px solid black;box-shadow:0 5px 14px gray;max-height:fit-content}.cv{max-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.my_self{display:flex;flex-direction:column;align-items:center;justify-content:center}.my_self_type{display:flex;flex-direction:column}.ancho_home{min-width:266px;display:flex;flex-direction:column}.photo{width:25%;display:grid;place-items:center}.texts{width:85%}.red{margin:5px;padding:5px}.service{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-dark);width:25%;margin:10px;border:2px solid blue;border-radius:10px;text-align:center;padding:20px;transition:all .3s ease-in-out}.service2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--color-bg-dark);width:25%;margin:10px;border:2px solid blue;border-radius:10px;text-align:center;padding:20px;transition:all .3s ease-in-out}.services{display:flex;flex-direction:row;width:100%}.skills{border:6px double blue;transition:all .3s;width:25%;margin-bottom:20px}.footer{width:100%}.education{font-size:.9em;width:95%}.content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.avatar{width:150px;height:150px;box-sizing:border-box;border:5px blue solid;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #85030399;transform:translatey(0);animation:float 6s ease-in-out infinite;img {width: 100%; height: auto;}}}@media (max-width: 700px){:root{width:90%;background-size:cover}.education{width:87%}.header nav ul{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-left:-15px}.works{height:fit-content;display:flex;flex-wrap:column;justify-content:center}.work-item{width:265px;flex-basis:60%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px;border:2px solid blue;border-radius:8px;padding:15px;background-color:var(--color-bg-dark);box-shadow:0 5px 14px #646cff}.work-item2{width:265px}.work-item-skills{width:265px;padding:15px}.cv{max-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.red{margin:0;padding:0}.my_self{display:flex;flex-direction:column;align-items:center;justify-content:center}.photo{width:40%;display:grid;place-items:center}.photo img{width:100%;border:12px double blue;border-radius:300px;padding:5%}.my_self_type{padding-bottom:5%;display:flex;flex-direction:columnn;margin-left:0%}.footer{width:100%}.avatar{width:150px;height:150px;box-sizing:border-box;border:5px blue solid;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #85030399;transform:translatey(0);animation:float 6s ease-in-out infinite;img {width: 100%; height: auto;}}.service,.service2{background-color:var(--color-bg-dark);width:90%;margin:10px;border:2px solid blue;border-radius:10px;text-align:center;justify-content:space-between;padding:15px}.services{display:flex;flex-direction:row;align-items:center;width:100%}}@keyframes float{0%{box-shadow:0 0 15px #00f;transform:translatey(0)}50%{box-shadow:0 10px 15px red;transform:translatey(-10px)}to{box-shadow:0 0 15px #00f;transform:translatey(0)}}