@import"https://fonts.googleapis.com/css2?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&display=swap";:root{--bg: #fbfbfc;--maincolor: #007585;--maincolorLow: #005763;--title: #282828;--subtitle: #575757;--diabled: #808080;--contrast: #000000;--box: #f1f1f1;--border: #e2e2e2;--bgcard: rgba(223, 223, 223, .3);--bgmenu: rgba(255, 255, 255, .9)}[data-theme=dark]{--bg: rgb(23, 26, 31);--maincolor: #007585;--maincolorLow: #005763;--title: #ffffff;--subtitle: #a3a3a3;--diabled: #808080;--contrast: #ffffff;--box: #16181d;--border: #2b2b2b;--bgcard: rgba(18, 18, 18, .3);--bgmenu: rgba(0, 0, 0, .9)}@font-face{font-family:Sakana;src:url(/assets/Sakana-Regular-cef27634.ttf)}*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Poppins;background-color:var(--bg);color:var(--title);overflow:auto;overflow-x:hidden!important}hr{border:1px solid var(--maincolor);width:50%;margin:auto}a{text-decoration:none}.title{width:fit-content;text-align:center;margin:100px auto 20px;font-size:48px;border-top:5px solid var(--title);border-bottom:5px solid var(--title);color:var(--title);letter-spacing:-2px}.subtitle{width:fit-content;margin:auto;font-size:24px;color:var(--subtitle)}.icon>path{fill:var(--title)}.separador{width:100vw;height:60px;top:96px;z-index:10}.separador>path{animation:waves 10s ease-in-out infinite;filter:drop-shadow(0px 0px 2px var(--maincolor))}.gotop{position:fixed;right:15px;bottom:80px;z-index:50;opacity:0}.gotop:hover{transform:scale(1.1);transition:transform .2s ease}.gotop>path{fill:var(--maincolor)}@keyframes waves{0%{d:path("M0 10.2095C0 10.2095 53.8763 24.275 281.66 10.2095C509.444 -3.85598 541.269 -0.144234 640 10.2095C738.731 20.5632 802.882 30.5263 960 10.2095C1117.12 -10.1073 1280 10.2095 1280 10.2095")}50%{d:path("M 0 15.2095 C 0 15.2095 81 -3 260 3 C 453 14 532 22 659 21 C 755 20 827 10 959 4 C 1058 -2 1244 15 1283 1")}to{d:path("M0 10.2095C0 10.2095 53.8763 24.275 281.66 10.2095C509.444 -3.85598 541.269 -0.144234 640 10.2095C738.731 20.5632 802.882 30.5263 960 10.2095C1117.12 -10.1073 1280 10.2095 1280 10.2095")}}@media only screen and (min-width: 800px){*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:transparent;border-radius:15px}*::-webkit-scrollbar-thumb{background-color:var(--maincolorLow);border-radius:20px}}.main-content{width:100%;height:calc(100vh - 160px);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.nombre{width:50%;order:1;display:flex;flex-direction:column}.nombre>h1{color:var(--title);font-family:Sakana;font-style:italic;font-weight:400;font-size:78px;margin-left:108px}.nombre>h3{color:var(--maincolor);font-size:48px;margin-left:108px}.imagen{width:50%;order:2;display:flex;justify-content:center;align-items:center}.divFormas{display:flex;justify-content:center;align-items:center;width:60%}.miFoto{width:100%;z-index:-1;border-radius:100%;background:radial-gradient(circle,rgba(0,117,133,1) 0%,rgba(255,255,255,0) 70%)}.formas{width:35vw;position:absolute;z-index:0;animation:spin 60s linear infinite}#forma1{animation:spinreverse 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinreverse{to{transform:rotate(-360deg)}}@media (max-width: 900px){.main-content{justify-content:center;align-items:center;height:auto}.nombre{width:90%;text-align:center;margin:60px auto 30px}.nombre>h1{font-size:13vw;margin:0}.nombre>h3{font-size:6vw;margin:0}.imagen{max-width:100vw;width:100vw;margin:0 auto auto;overflow:hidden!important}.divFormas{display:flex;justify-content:center;align-items:center;height:100vw;overflow:hidden;width:100%;position:relative}.formas{width:80%}.miFoto{width:70%}}.aboutme{margin:100px auto auto;max-width:100vw;overflow:hidden!important}.aboutme>img{position:absolute;width:100vw;height:200px;z-index:-1}.aboutme>div{width:50%;margin:auto}.aboutme>div>h1{font-family:Poppins;font-style:normal;font-weight:700;font-size:42px;color:var(--title);text-align:center}.aboutme>div>p{margin-top:24px;font-family:Poppins;font-style:italic;font-weight:400;font-size:24px;text-align:justify;color:var(--subtitle)}.aboutme>div>p>a{color:var(--maincolor);text-decoration:underline}@media (max-width: 900px){.aboutme{margin-top:150px}.aboutme>img{height:250px}.aboutme>div{width:80%}.aboutme>div>p{font-size:16px}}.myprojects{margin:400px auto auto;width:100%}.myprojects>img{position:absolute;width:100vw;height:900px;-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:-1}.myprojects>div{width:70%;margin:auto}.myprojects>div>h1{font-family:Poppins;font-style:normal;font-weight:700;font-size:42px;color:var(--title);text-align:center}.projectsshow{margin-top:24px;padding:20px;width:100%;background:var(--box);border:1px solid var(--maincolor);border-radius:30px;display:flex;flex-direction:row;gap:24px;box-shadow:0 0 10px var(--maincolor)}.izq{width:30%}.izq>div>img{width:100%;border-radius:15px}.der{width:70%;display:flex;flex-direction:column;align-items:center}.der>div>img{width:100%;border-radius:15px}.btnprojects{border:1px solid var(--maincolor);color:var(--title);text-align:center;display:flex;justify-content:center;align-items:center;border-radius:15px;width:400px;height:64px;margin:auto;font-family:Poppins;font-style:normal;font-weight:600;font-size:24px;cursor:pointer;transition:.5s ease}.btnprojects:hover{transform:scale(1.1) translateY(-10px);background-color:var(--maincolor);box-shadow:0 0 20px var(--maincolorLow)}@media (max-width: 900px){.myprojects{margin-top:200px}.myprojects>img{position:absolute;width:100vw;height:100px;z-index:-1}.myprojects>div{width:100%}.projectsshow{width:80%;margin:auto;padding:20px}.der>div{width:100%;border-radius:15px}.btnprojects{background-color:var(--maincolorLow);width:80%;height:32px;margin:auto;font-size:14px}}.footer{margin-top:200px;height:150px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.icons{margin-bottom:25px}.icons a{margin:18px}.footer>h3{margin-left:24px;margin-bottom:25px;width:400px}.icons a:hover svg{transform:scale(1.2);transition:transform .2s ease-in-out}@media (max-width: 900px){.footer{justify-content:center;align-items:center;margin:100px 0 0}.footer svg{height:36px}.footer>h3{text-align:center;margin:auto}.icons{margin:auto;text-align:center}}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:var(--contrast);stroke-width:5.5;stroke-linecap:round}.ham4 .top,.ham4 .bottom{stroke-dasharray:40 121}.ham4.active .top,.ham4.active .bottom{stroke-dashoffset:-68px}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin:auto}.projectHeader{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;width:50%;margin-top:40px}.projectIcons{width:100%;height:100%;display:flex;flex-grow:.5;align-items:center;justify-content:center}.projTitle{font-size:40px;flex-grow:1;text-shadow:3px 3px 1px var(--maincolor);text-align:center}.projDesc{margin:20px 0;width:50%;text-align:center;color:var(--subtitle);font-size:20px;font-weight:500;text-align:justify}.projImagenes{display:inline-block;background:linear-gradient(90deg,rgba(0,117,133,.2) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(0,117,133,.2) 100%);box-shadow:0 0 10px var(--maincolorLow);display:flex;flex-direction:row;align-items:center;overflow-x:auto;max-width:100%;border:2px solid var(--maincolorLow);border-radius:10px;margin-top:20px;scroll-snap-type:x proximity}.projImagenes img{margin:20px;border-radius:10px;max-height:340px;width:auto;scroll-snap-align:center;user-select:none}.featureList{width:50%;list-style:none;padding:15px 0}.featureList li:before{content:">";color:var(--maincolorLow);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.featureList li{width:calc(100% - 80px);margin:0 0 0 40px;color:var(--diabled);font-size:16px;font-weight:400}.titleTech{color:var(--diabled);font-size:16px;font-weight:400;margin-top:20px}.tecnologies{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:20px}.tech{user-select:none;-moz-user-select:none;display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:10px;background-color:#8080804d;padding:5px 8px;border-radius:5px;transition:background .5s ease}.tech>img{height:24px}.sepProj{padding-top:150px;padding-bottom:80px}@media (max-width: 900px){.project{width:90%}.title{font-size:10vw}.projDesc{width:100%;font-size:18px;text-align:justify}.featureList{width:100%}.featureList li{margin-left:40px;margin-right:40px;text-align:justify;font-size:16px;margin-top:5px}.tech{font-size:14px}.projImagenes{max-width:100%;overflow-x:scroll;scroll-snap-type:none}.projImagenes img{margin:20px;border-radius:10px;max-height:300px;scroll-snap-align:unset;touch-action:auto;user-select:auto}}.buttonWatch{background-color:transparent!important;width:fit-content;border:1px solid var(--maincolorLow);box-shadow:0 0 5px var(--maincolor);border-radius:15px;margin:20px auto auto;display:flex;justify-content:center;align-items:center;color:var(--subtitle);font-size:24px;padding:10px}.buttonWatch>svg{padding-left:20px}.buttonWatch>svg>path{fill:var(--subtitle)}.box{border:1px solid var(--maincolorLow);border-radius:15px;width:50%;padding:10px;min-width:300px;margin:auto;box-shadow:0 0 5px var(--maincolor)}.skillsList{width:60%;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:48px}.skill{background-color:var(--box);border:3px solid var(--maincolor);border-radius:10px;width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;filter:drop-shadow(0px 0px 5px var(--maincolor));transition:all .3s ease;animation-delay:0s!important}.skillsList h1{width:100%;text-align:center;font-size:24px;margin-top:36px;color:var(--subtitle)}.imgSkill{width:150px;height:150px;filter:saturate(0);transition:filter .5s ease;user-select:none;-webkit-user-select:none}.skill>p{margin-top:20px;font-size:20px;font-weight:200;color:var(--subtitle);user-select:none;-webkit-user-select:none}.skill:hover{transform:scale(1.1) translateY(-20px)!important;box-shadow:0 0 20px var(--maincolorLow);animation-delay:0s!important}.skill:hover .imgSkill{filter:saturate(1)}.central{transform:scale(1.2)}.languajes{width:50%;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.bar{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;gap:20px;margin-top:20px}.bar>p{color:var(--subtitle);font-size:24px;width:10%;text-align:right}.progBar{width:80%;min-width:100px;height:30px;background-color:var(--box);border:2px solid var(--border);border-radius:30px}.percent{height:30px;background-color:var(--maincolor);box-shadow:0 0 10px var(--maincolor);border-radius:30px;display:flex;align-items:center;justify-content:space-between}#p100{width:100%}#p70{width:70%}.percent>p{font-size:14px;color:var(--title);margin:10px}.divCV{background-color:var(--bg);border-radius:10px;margin:20px auto auto;width:50vw;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px var(--maincolor)}.CV{background-color:transparent;border:3px solid var(--maincolorLow);border-radius:10px;width:100%;height:1000px;max-height:1300px}.descargarcv{margin-top:20px;text-align:center;width:100%}.descargarcv>p{font-size:28px;margin-bottom:10px}.descargarcv>a{font-size:20px;color:var(--maincolor);padding:5px;border-radius:10px;border:1px solid var(--maincolor)}@media (max-width: 900px){.skillsList{padding-top:20px;justify-content:left;height:max-content;width:100%;flex-wrap:nowrap;overflow-x:scroll;gap:24px}.skill:first-of-type{margin-left:24px}.skill:last-of-type{margin-right:24px}.skillsList h1{display:none}.skill{padding:10px;margin-bottom:40px;margin-top:10px}.imgSkill{width:100px;height:100px;filter:saturate(1)}.skill>p{margin-top:20px;font-size:18px;font-weight:200}.skill:hover{transform:scale(1) translateY(-10px)!important}.bar{flex-wrap:nowrap;margin-top:40px;width:100%}.bar>p{font-size:18px;width:100px!important}.languajes{width:90%}.progBar{width:80%;height:20px}.percent{height:20px}.divCV{width:50vw}.CV{height:200px}}.menu{width:100vw;height:96px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:10}.logo{margin-left:24px;z-index:10;width:48px}.menu-content{margin-right:24px;display:flex;flex-direction:row;justify-content:center;align-items:center}.menu-content>ul{list-style:none;margin:0;padding:0;display:flex;width:fit-content;border-radius:100px;justify-content:center;align-items:center}.menu-content>ul>li{display:inline-block;margin:0 24px;height:34px;border-radius:100px;transition:all .2s linear}.menu-content>ul>li>a{text-decoration:none;color:var(--title);font-weight:500;font-size:24px;padding:5px 10px;border-radius:100px;transition:all .2s ease-in}.menuActive,.menuli :hover{background-color:var(--maincolor)}.menuli:hover .menuActive{background-color:var(--maincolorLow)}.menuGroup{gap:10px;display:flex;justify-content:center;align-items:center;flex-direction:row}.hemMenu{display:none}.lengChange{border:3px solid var(--maincolorLow);cursor:pointer;text-decoration:none;color:var(--title);font-weight:500;font-size:24px;padding:5px 10px;border-radius:100px;transition:all .2s ease-in}.theme{width:34px;display:flex;justify-content:center;align-items:center}.themeToggle{position:absolute}.options{height:43px!important;display:block}.modaloptions{background-color:transparent;backdrop-filter:blur(5px);z-index:50;position:absolute;border-radius:15px;right:20px;top:50px;border:2px solid var(--border);padding:0 20px;display:none;color:var(--subtitle)}.modaloptions>div{height:32px;margin:20px 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}select{cursor:pointer;padding:5px 10px;font-family:Poppins;background-color:transparent;backdrop-filter:blur(5px);color:var(--subtitle);margin-left:10px;border-radius:10px;border:1px solid var(--border);width:140px}option{background-color:var(--box)}.menu-movil{display:none;background-color:var(--bgmenu);position:fixed;top:0px;left:2000px;z-index:51;width:100vw;height:100vh;transition:left .5s ease-in-out}.menuactiveBody{overflow:hidden}.menuactive{left:0!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:40px}.close{position:absolute!important;top:20px;right:-20px;width:min-content!important;padding-right:40px}.fill{stroke:var(--contrast);filter:drop-shadow(0px 0px 5px var(--contrast))}.menu-movil>div{width:100%;position:relative;display:flex;flex-direction:row;justify-content:right;align-items:right;text-align:right;font-size:10vw;font-weight:600;color:var(--title)}.menu-movil-option{opacity:0;transform:translate(100%);background-color:var(--bg);border-bottom:5px solid var(--border);text-shadow:-20px 0px 6px var(--subtitle);transition:opacity 1s ease,transform .5s ease,background-color 1.2s ease,border 1s ease,text-shadow .7s ease}.fix{padding-right:20px}.menuActiveMovil{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--maincolorLow) 80%);width:100%;border-bottom:5px solid var(--diabled)}.menu-anim{opacity:1;background-color:transparent;border-bottom:none;text-shadow:0px 3px 6px var(--subtitle);transform:translate(0)}.si:nth-child(2){transition-delay:.2s!important}.si:nth-child(3){transition-delay:.4s!important}.si:nth-child(4){transition-delay:.6s!important}.si:nth-child(5){transition-delay:.8s!important}.menuSelect{width:60%;font-size:40px;background-color:transparent;text-align:right;font-size:10vw;font-weight:600;border:none!important;color:var(--title);text-shadow:0px 3px 6px var(--subtitle)}.menuSelect>option{background-color:var(--box)}.menu-movil>div>a{color:var(--title)}@media (max-width: 900px){.listMenu{display:none!important}.logo{width:34px}.menu{height:68px}.separador{height:20px}.menu-content{margin:0}.options{display:none}.hemMenu{display:block}.ham{height:80px;margin-top:5px}.lengChange{padding:0 10px}.menu-movil{display:block}}