@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Permanent+Marker&display=swap";.divPrincipal{margin:0 auto;width:100%;max-width:1150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{font-size:3rem;text-align:center;margin:20px auto;color:#000;text-shadow:2px 0px 8px white,-2px 0px 8px white,0px 2px 8px white,0px -2px 8px white}.slider{display:none}.aboutMe{padding:10px;margin:10px}.seccions{padding:10px;margin:10px;width:100%}@media screen and (max-width: 700px){.slider{display:block}}.divSlider{position:fixed}.box{width:180px;height:430px;position:fixed;top:0;left:0;border:1px solid black;box-shadow:2px 2px 2px #000;border-bottom-right-radius:20px;background-color:#000c;color:#fff;z-index:1000}.burger{position:relative;width:40px;height:30px;background:transparent;cursor:pointer;display:block;position:fixed;left:20px;top:20px;z-index:1000}.burger input{display:none}.burger span{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.burger span:nth-of-type(1){top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.burger input:checked~span:nth-of-type(2){width:0%;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.sliderList{margin:80px 5px;list-style:none;padding:15px}.sliderList li{font-weight:700;font-size:1.5rem;margin-bottom:20px}@media screen and (max-width: 500px){.burger{transform:scale(.7);left:20px;top:10px}}.navbarList{list-style:none;width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff;text-shadow:2px 0px 2px black,-2px 0px 2px black,0px 2px 2px black,0px -2px 2px black}.button{position:relative;padding:5px 10px;border-radius:7px;border:1px solid rgb(61,106,255);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:1px;background:transparent;color:#fff;overflow:hidden;box-shadow:0 0 0 0 transparent;cursor:pointer;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}.button:hover{background:#3d6aff;box-shadow:0 0 30px 5px #008eecd0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.button:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}.button:before{content:"";display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}button:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.Btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:relative;border-radius:7px;cursor:pointer;transition:all .3s}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);letter-spacing:.8px;border-radius:10px;transition:all .3s;border:1px solid rgba(156,156,156,.466)}.BG{position:absolute;content:"";width:100%;height:100%;background:#3d6aff;z-index:-1;border-radius:10px;pointer-events:none;transition:all .3s}.Btn:hover .BG{transform:rotate(35deg);transform-origin:bottom}.Btn:hover .svgContainer{background-color:#9c9c9c77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width: 950px){.button{font-size:11px}.Btn{width:35px;height:35px}}@media screen and (max-width: 700px){.navbarList{flex-direction:column;margin-top:100px;height:70%}.button{font-size:13px}.Btn{width:45px;height:45px}}.navbar{width:100%;display:flex;justify-content:space-around;align-items:center;padding:10px}.navbar h3{font-family:Dancing Script,Georgia,Times New Roman,Times,serif;font-size:40px;font-optical-sizing:auto;font-weight:700;font-style:normal;text-shadow:2px 0px 2px black,-2px 0px 2px black,0px 2px 2px black,0px -2px 2px black;color:#fff}.navbar .listado{width:65%}@media screen and (max-width: 950px){.navbar h3{font-size:3vw}}@media screen and (max-width: 700px){.listado{display:none}.navbar h3{font-size:2.5rem}}@media screen and (max-width: 500px){.navbar h3{font-size:25px;margin-left:20px}}.divAboutme{display:flex;align-items:center;justify-content:space-around;margin:30px 5px}.aboutImage{width:100%;margin:15px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.aboutImage .skills{list-style:none;width:90%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.aboutImage .skills .cardSkill{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:6px;width:60px;height:75px;font-weight:700;text-shadow:2px 0px 8px white,-2px 0px 8px white,0px 2px 8px white,0px -2px 8px white}.aboutImage .skills .cardSkill img{width:90%}.Angel{width:100%;min-width:200px;max-width:250px;border-radius:20px;margin-bottom:20px;margin-right:10px}.info{width:100%;background-color:#ffffff4d;border:2px solid white;border-radius:10px;padding:17px 5px;animation:run 2s ease-in-out infinite alternate;display:flex;flex-direction:column;justify-content:center}.info h3{font-size:3rem;text-align:center;margin-bottom:15px}.info .description{text-align:center;font-size:1.1rem;font-family:Times New Roman,Times,serif}@media screen and (max-width: 900px){.divAboutme{flex-direction:column}.aboutImage{flex-direction:row}.info{width:80%}}@media screen and (max-width: 700px){.info{width:90%}}@media screen and (max-width: 650px){.aboutImage{flex-direction:column}}@media screen and (max-width: 500px){.info{width:100%}.aboutImage .skills .cardSkill{width:50px;height:65px}}.slide{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start}.infoProyects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%;margin:10px auto}.infoProyects a{display:flex;justify-content:center}.infoProyects h3{font-family:Permanent Marker,Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;font-style:normal;text-shadow:2px 0px 8px white,-2px 0px 8px white,0px 2px 8px white,0px -2px 8px white}.infoProyects .descriptionProyect{border:1px solid white;background-color:#ffffff4d;color:#000;text-shadow:1px 0px 2px gray,-1px 0px 2px gray,0px 1px 2px gray,0px -1px 2px gray;font-size:1.1rem;font-weight:700;text-align:center;padding:10px;border-radius:5px}.gif{width:90%;margin:5px auto;border-radius:10px;cursor:pointer;transition:all .5s}.gif:hover{transform:scale(1.2)}.tools{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px 5px;min-height:56px}.tools .badges{background-color:#87ceeb;border-radius:10px;border:2px solid blue;margin:3px 8px;padding:0 6px;animation:parpadeo 2s ease-in-out infinite alternate}@keyframes parpadeo{0%{box-shadow:0 0 10px #fff}to{box-shadow:0 0 10px #00f}}@media screen and (max-width: 900px){.infoProyects{width:45%}}@media screen and (max-width: 700px){.slide{flex-direction:column}.infoProyects,.gif{width:90%}}@media screen and (max-width:500px){.gif{width:90%}}.window{margin:10px auto;width:90%;height:90%;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;display:flex;flex-direction:column}.nav{background:#fdfdfd;padding:5px 5px 0;border-radius:10px 10px 0 0;border-bottom:1px solid #eeeeee;height:44px}.main{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.imgCertificate{width:100%;height:100%}.ul,.list{list-style:none;padding:0;margin:0;font-family:Poppins,sans-serif;font-weight:500;font-size:14px}.ul{display:flex;width:100%;z-index:10}.list{border-radius:5px 5px 0 0;width:100%;padding:10px 15px;background:#fff;cursor:pointer;height:24px;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid transparent;animation:parpadeotext 2s ease-in-out infinite alternate}.underline{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent)}.list.selected{background:#ddd!important;border:none!important;font-size:1.1rem;font-weight:700}.list button{width:20px;height:20px;border:0;background:#fff;border-radius:3px;display:flex;justify-content:center;align-items:center;stroke:#000;margin-left:10px;cursor:pointer;flex-shrink:0}@keyframes parpadeotext{0%{background-color:#0000ff4d;border-top:1px solid blue}to{text-shadow:0px 0px 10px white}}@media screen and (max-width: 700px){.list{font-size:.8rem}.list.selected{font-size:1rem}}@media screen and (max-width: 500px){.list{font-size:.6rem}.list.selected{font-size:.8rem}}.form-container{width:50%;background:linear-gradient(#ddd,#fff) padding-box,linear-gradient(145deg,transparent 35%,black,blue) border-box;border:2px solid transparent;padding:24px;font-size:14px;font-family:inherit;color:#000;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:16px;background-size:200% 100%;animation:gradient 5s ease infinite;margin:0 auto}.spanForm{margin:2px auto;text-align:center;font-weight:600}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-container button:active{scale:.95}.form-container .form{display:flex;flex-direction:column;gap:20px}.form-container .form-group{display:flex;flex-direction:column;gap:2px;width:90%}.form-container .form-group label{display:block;margin-bottom:5px;color:#000;font-weight:600;font-size:12px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:8px;color:#000;font-family:inherit;background-color:transparent;border:1px solid #414141}.form-container .form-group textarea{width:100%;padding:5px 10px;border-radius:8px;resize:none;color:#000;height:96px;border:1px solid #414141;background-color:transparent;font-family:inherit}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#00f}.form-container .form-group textarea:focus{outline:none;border-color:#00f}.form-container .form-submit-btn{display:flex;align-items:flex-start;justify-content:center;align-self:flex-start;font-family:inherit;color:#000;font-weight:600;width:40%;background:#fff;border:1px solid black;padding:12px 16px;font-size:inherit;gap:8px;margin-top:8px;cursor:pointer;border-radius:6px;transition:all .3s}.form-container .form-submit-btn:hover{background-color:#000;color:#fff}@media screen and (max-width:900px){.form-container{width:65%}}@media screen and (max-width:700px){.form-container{width:75%}}@media screen and (max-width:500px){.form-container{width:90%}}*{padding:0;margin:0}body{width:100vw;height:100vh;overflow-x:hidden;background-image:linear-gradient(41deg,#6b6b6b0a,#6b6b6b0a 8%,#1f1f1f0a 8%,#1f1f1f0a),linear-gradient(9deg,#e4e4e40a,#e4e4e40a 62%,#3636360a 62%,#3636360a),linear-gradient(124deg,#1212120a,#1212120a 37%,#e9e9e90a 37%,#e9e9e90a),linear-gradient(253deg,#c9c9c90a,#c9c9c90a 55%,#2f2f2f0a 55%,#2f2f2f0a),linear-gradient(270deg,#acacac0a,#acacac0a 33%,#1a1a1a0a 33%,#1a1a1a0a),linear-gradient(64deg,#0b0b0b0a,#0b0b0b0a 38%,#5757570a 38%,#5757570a),linear-gradient(347deg,#c7c7c70a,#c7c7c70a 69%,#0404040a 69%,#0404040a),linear-gradient(313deg,#2424240a,#2424240a 20%,#5b5b5b0a 20%,#5b5b5b0a),linear-gradient(90deg,#0a1148,#2394e4)}a{text-decoration:none;color:#fff}