@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");@keyframes aparecer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{background-image:linear-gradient(180deg,#fff 5%,#fff 10%,#fff4db 15%,#fff4db 20%,#fff4db 30%,#ffdcb8 37%,#fff4db 89%,#67d4ff50 92%,#67d4ff50);font-family:Roboto,sans-serif;height:auto;overflow-x:hidden;transition:.7s;font-size:2vh}body,html{width:100%}body{margin-left:4%}.main,body{overflow-y:hidden}.main{width:90%;height:100%;color:red;padding:2%;border-radius:20px;margin:auto auto auto 0}.personaldata{margin-left:2%;margin-top:7%;display:flex;width:100%;color:#424242;height:70%}.datos1,.datos2{height:auto;width:50%;transition:.5s}.datos2{border-left:1vh solid rgba(0,0,0,.134);padding-left:2%}.photomia{background-color:transparent;border:none;margin-bottom:1%;transition:.5s}.photomia img{border:.3vh solid #424242;width:40%;height:40%;margin-left:35%;border-radius:50%;max-width:100%;cursor:pointer;transition:.5s;animation:sombraColores 5s ease-in-out infinite alternate}@keyframes sombraColores{0%{box-shadow:10px 10px 30px #1a3261;transition:.5s}25%{box-shadow:10px 10px 30px #833414;transition:.5s}50%{box-shadow:10px 10px 30px #ba902f;transition:.5s}75%{box-shadow:10px 10px 30px #4b1e68;transition:.5s}to{box-shadow:10px 10px 30px #147d29;transition:.5s}}.photomia img:hover{animation:sombraColoresHov 2s ease-in-out infinite alternate;transition:.5s}@keyframes sombraColoresHov{0%{box-shadow:0 0 50px #376ddb;transition:.5s}25%{box-shadow:0 0 50px #c34d1e;transition:.5s}50%{box-shadow:0 0 50px #af8f44;transition:.5s}75%{box-shadow:0 0 50px #4b1e68;transition:.5s}to{box-shadow:0 0 50px #147d29;transition:.5s}}.datos{display:flex;flex-direction:column;width:100%;transition:.5s}.nombre{text-align:right;font-weight:900;color:#424242;font-size:600%;width:80%;margin:auto;max-height:20%;transition:.5s}.aboutme{margin-top:auto;font-weight:700;font-size:250%;transition:.5s;text-align:left}.aboutme h2{margin-top:0;margin-bottom:0;font-size:150%}.aboutme h2,.descriptionme{color:#424242;transition:.5s}.descriptionme{font-size:auto}button{background-color:transparent;border:none;transition:.5s}.btnlinks,button{text-decoration:none}.btnlinks{margin-top:0;width:100%;color:#424242}.btnlinks button{text-decoration:none;padding:1%}.btnlinks i{font-weight:700;text-decoration:underline;align-items:center;color:#424242;font-size:300%}.btnlinks i:hover{text-decoration:underline;cursor:pointer}.btnlinks button i:hover,.btnlinks i:hover{color:#424242;transition:.5s;color:transparent}.btnlinks button i:hover{animation:btnlinkshov 3s ease-in-out infinite alternate}@keyframes btnlinkshov{0%{color:#424242;text-shadow:0 0 20px #3f75e1;transition:.5s}25%{color:#424242;text-shadow:0 0 20px #eb6733;transition:.5s}50%{color:#424242;text-shadow:0 0 20px #7bea52;transition:.5s}75%{color:#424242;text-shadow:0 0 20px #b246fa;transition:.5s}to{color:#424242;text-shadow:0 0 20px #ebff09;transition:.5s}}.btnlinks1{position:absolute;top:87vh;left:0;text-decoration:none;width:100%;color:#424242;margin:auto}.btnlinks1 button{text-decoration:none;padding:1%}.btnlinks1 i{font-weight:700;text-decoration:underline;align-items:center;color:#424242;font-size:300%}.btnlinks1 i:hover{text-decoration:underline;cursor:pointer;color:#fff;transition:.5s}.btnlinks1 button i:hover{color:#424242;animation:btnlinkshov 3s ease-in-out infinite alternate;transition:.5s;color:transparent}.lenguajes{padding-top:10%;padding-bottom:1%;margin-top:30vh;text-align:center;width:100%;height:auto;color:#424242;transition:.5s;border-top:1vh dotted #42424249}.lenguajes h2{margin:auto auto 5%;width:70%;font-size:400%;font-weight:600;transition:.5s}.projects{margin-top:2%;padding-top:6%;text-align:center;width:100%;height:auto;color:#424242;border-top:1vh dotted #42424249;transition:.5s}.projects h2{font-weight:600;font-size:400%;transition:.5s}.grid-containertec{display:flex;justify-content:center;align-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,0fr));grid-gap:5vh;transition:.5s;margin:auto auto 7%}.grid-itemtec{box-shadow:10px 15px 10px rgba(0,0,0,.342);cursor:pointer;margin-top:5%;border-radius:30px;padding:10px;text-align:center;width:380px;height:400px;border:.3vh solid #424242;background-color:hsla(0,0%,71%,.099);transition:.5s}.grid-itemtec:hover{box-shadow:0 0 30px #000;background-color:#ffffff84;transition:.5s}.grid-containertec h2{font-size:250%;color:#424242;margin-bottom:5%;transition:.5s}.grid-itemtec .tecnologias{margin-right:2%;font-size:250%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;transition:.5s}.image-with-text{font-size:50%;text-align:center;transition:.5s}.image-with-text img{width:80px;height:80px;transition:.5s}.image-with-text p{color:#424242;margin-top:5px;transition:.5s}.photoprj img{width:95%;height:auto;margin-top:5%;border-radius:10px;box-shadow:10px 15px 10px rgba(0,0,0,.342)}.grid-containerprj{margin:auto 5%;display:grid;grid-template-columns:repeat(auto-fill,minmax(410px,1fr));grid-gap:60px 4%;gap:60px 4%;transition:.5s}.container-project{box-shadow:10px 15px 10px rgba(0,0,0,.342);cursor:pointer;border-radius:30px;padding:5%;transition:1s;color:#424242;font-size:160%;border:.3vh solid #424242;background-color:hsla(0,0%,71%,.099);transition:.5s}.container-project:hover{box-shadow:0 0 30px #000;background-color:#ffffff84;transition:.5s}.container-project .nameprj{font-size:27px;font-weight:700;transition:.3s;font-family:Roboto,sans-serif}.container-project .categorie{margin-top:2%;color:#ff871e;transition:.5s;font-weight:700}.container-project .lenguajesprj{padding:1%;width:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);margin-top:5%;margin-bottom:5%;border-radius:20px;transition:.5s}.container-project:hover .lenguajesprj{background-color:#42424238;transition:1.5s}.container-project .lenguajesprj img{margin:1% 1% -1%;width:13%;height:10%;transition:.5s}.container-project .github{width:100%;display:none;position:relative;color:transparent;transition:.5s}.container-project .github i{margin-right:2%;transition:.5s}.container-project:hover .categorie{color:#1f7ab3;transition:.5s}.container-project:hover .github{transition-delay:.5s;width:100%;display:inline;color:#424242;transition:.5s}.contactme{width:99%;margin:20% auto auto;color:#424242;padding-top:6%;border-top:1vh dotted #42424249}.contactme h1{color:#424242;margin-bottom:0}.contactme .contactmett{font-size:400%;color:#424242;margin-bottom:6%;text-shadow:0 0 50px hsla(0,0%,100%,.702)}.contactme .correotxt{font-size:200%;color:#424242;text-decoration:none;transition:.5s}.contactme .correobtn{cursor:pointer;color:#424242;box-shadow:0 0 10px rgba(0,0,0,.467);border-radius:7px;margin-left:2%;font-size:150%;border:1px solid #000;background-color:#00000014;transition:.5s;padding:auto;margin-top:1vh}.contactme .correobtn:hover{background-color:hsla(0,0%,100%,.472);padding:.5vh 1vh;font-weight:700;font-size:3.8vh;box-shadow:0 0 20px #080808;transition:.5s;animation:sombraColoresHov 2s ease-in-out infinite alternate;border-radius:2vh}.creador{width:90%;height:auto;margin:5% auto auto;padding:1%;border-top:1px solid #424242;color:#424242}@media screen and (max-width:820px){html{background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#fff 80vh,#fff4db 110vh,#fff4db 200vh,#fff4db 230vh,#ffdcb8 34%,#ffdcb8 93%,#67d4ff50 96%,#67d4ff50);font-family:Roboto,sans-serif}.main,html{overflow-y:auto}.main{margin-left:auto}.personaldata{height:85vh;margin:auto;width:100%;flex-wrap:wrap}.datos{margin:4vh auto auto}.datos,.datos1{text-align:center}.datos1{margin:25% auto auto;align-items:center;width:90%;font-size:70%}.nombre{text-align:center}.datos1 img{margin:auto}.datos2{text-align:left;margin:10% auto auto;width:90%;font-size:65%}.lenguajes{margin-top:15vh;padding-top:10vh;margin-left:0}.lenguajes h2{margin-bottom:-5%;margin-top:0;font-size:240%;height:100px}.projects{margin:10% auto auto;font-size:200%}.projects h2{height:5%;font-size:150%;margin:auto auto 4%}.grid-containertec{margin:auto;grid-template-columns:repeat(auto-fill,minmax(310px,0fr))}.grid-itemtec{margin:auto;padding:15px;width:90%;height:270px;font-size:65%}.grid-itemtec h2{height:25%;margin-bottom:%}.grid-itemtec .tecnologias{font-size:150%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.image-with-text{margin:auto;font-size:50%}.image-with-text img{width:50px;height:50px}.image-with-text p{font-size:220%;margin-top:5px}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.container-project{width:100%;font-size:55%}.container-project .nameprj{font-size:200%;font-family:Roboto,sans-serif}.contactme{margin-top:20%;font-size:55%;margin-bottom:5%}.contactme .correotxt{font-size:3vh}.modalprj1{height:50%;font-size:45%}.modalcontent{font-size:40%}}@media screen and (max-width:540px){.main{margin-left:auto}.datos2{font-size:70%}.modalprj1{height:50%}}@media screen and (max-width:768px){.main{margin-left:auto}body{margin-left:0}.datos1{margin-top:10vh}.datos2{margin-top:-4%}.personaldata{font-size:80%}.modalprj1{height:50%}.grid-containertec{grid-template-columns:repeat(auto-fill,minmax(50vh,0fr))}.grid-itemtec{margin-top:2vh;width:90%;height:40vh}.image-with-text img{width:9vh;height:9vh}.grid-itemtec h2{margin-bottom:-4%}.btnlinks1{margin-top:2vh}.descriptionprj{font-size:1.5rem;font-family:Roboto,sans-serif}.btnlinks i{font-size:2.5rem}.btnlinks1 button{font-size:.9rem}}@media screen and (max-width:431px){html{background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#fff 80vh,#fff4db 110vh,#fff4db 200vh,#fff4db 230vh,#ffdcb8 34%,#ffdcb8 93%,#67d4ff50 96%,#67d4ff50);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{width:90%;margin-left:auto}.personaldata{width:90%;height:80vh;font-size:90%;flex-wrap:wrap}.datos1,.personaldata{text-align:center;margin:auto}.datos1{padding-top:10%;width:100%}.datos1 img{margin:auto}.datos2{font-size:1.1vh;margin-top:5%;margin-left:2%;width:90%;height:auto}.descriptionme{height:40%}.btnlinks1{top:93%;margin-top:-5vh}.lenguajes h2{margin-bottom:-15%}.grid-containertec{grid-template-columns:repeat(auto-fill,minmax(250px,0fr));margin:auto}.grid-itemtec{margin:auto;width:90%;height:200px}.grid-itemtec h2{margin-bottom:0}.image-with-text img{width:40px;height:40px}.projects{width:90%;margin:5vh auto auto}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5% 0;margin:auto;padding:0}.container-project{margin:auto;width:90%}.photoprj1 img{width:70%;height:1%;margin:1% auto auto;border-radius:0;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.contactme{font-size:90%;margin-top:60vh;margin-bottom:5%}.modalprj1{height:50%}}@media screen and (max-width:412px){html{background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#fff 80vh,#fff4db 110vh,#fff4db 200vh,#fff4db 230vh,#ffdcb8 34%,#ffdcb8 93%,#67d4ff50 96%,#67d4ff50);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{width:90%;margin-left:auto}.personaldata{width:90%;height:80vh;font-size:100%;flex-wrap:wrap}.datos1,.personaldata{text-align:center;margin:auto}.datos1{padding-top:10%;width:100%}.datos1 img{margin:auto}.datos2{font-size:1.1vh;margin-top:5%;margin-left:2%;width:90%;height:auto}.aboutme h2{margin-top:0}.descriptionme{height:40%}.btnlinks1{font-size:2vh;top:93%}.btnlinks i{font-size:220%}.lenguajes h2{padding-top:0;margin-bottom:-15%}.grid-containertec{grid-template-columns:repeat(auto-fill,minmax(250px,0fr));margin:auto}.grid-itemtec{margin:auto;width:90%;height:auto}.grid-itemtec h2{margin-bottom:7%}.image-with-text img{width:40px;height:40px}.projects{width:90%;margin:10vh auto 45vh;height:auto}.projects h2{margin-top:6vh}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5% 0;padding:0;margin:auto auto 10vh}.container-project{margin:auto;width:90%}.photoprj1 img{width:70%;height:1%;margin:1% auto auto;border-radius:0;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.contactme{margin-top:45vh;font-size:90%;margin-bottom:15%}.contactme .contactmett{font-size:300%}.modalprj1{height:50%}}@media screen and (max-width:376px){html{background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#fff 80vh,#fff4db 110vh,#fff4db 200vh,#fff4db 230vh,#ffdcb8 34%,#ffdcb8 93%,#67d4ff50 95%,#67d4ff50);overflow-x:hidden;font-size:100%}body{margin-left:0;width:100%}.main{margin-left:auto;width:90%}.personaldata{width:90%;height:80vh;flex-wrap:wrap}.datos1,.personaldata{text-align:center;margin:auto}.datos1{padding-top:10%;width:100%}.datos1 img{margin:auto}.datos2{font-size:.5rem;margin-top:5%;margin-left:2%;width:90%;height:auto}.descriptionme{height:40%}.btnlinks1{margin-top:-5vh}.btnlinks i{font-size:250%}.lenguajes h2{font-size:200%;margin-bottom:-15%}.grid-containertec{grid-template-columns:repeat(auto-fill,minmax(250px,0fr));margin:auto}.grid-itemtec{margin:auto;width:90%;height:auto}.grid-itemtec h2{margin-bottom:2vh}.image-with-text img{width:40px;height:40px}.projects{width:90%;margin:5vh auto auto;font-size:150%}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5% 0;margin:auto;padding:0}.container-project{margin:auto;width:90%}.photoprj1 img{width:70%;height:1%;margin:1% auto auto;border-radius:0;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.contactme{margin-top:45vh;font-size:70%;margin-bottom:15%}.contactme .contactmett{font-size:300%}.modalprj1{height:50%}}@media screen and (max-width:360px){html{background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#fff 80vh,#fff4db 110vh,#fff4db 200vh,#fff4db 230vh,#ffdcb8 34%,#ffdcb8 93%,#67d4ff50 96%,#67d4ff50);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{margin-left:auto;width:90%}.personaldata{width:90%;height:80vh;font-size:90%;flex-wrap:wrap}.datos1,.personaldata{text-align:center;margin:auto}.datos1{padding-top:10%;width:100%}.datos1 img{margin:auto}.datos2{font-size:1.1vh;margin-top:5%;margin-left:2%;width:90%;height:auto}.descriptionme{height:40%}.btnlinks1{margin-top:-2vh}.btnlinks i{font-size:250%}.lenguajes h2{margin-bottom:-15%}.grid-containertec{grid-template-columns:repeat(auto-fill,minmax(250px,0fr));margin:auto}.grid-itemtec{margin:auto;width:90%;height:200px}.grid-itemtec h2{margin-bottom:0}.image-with-text img{width:40px;height:40px}.projects{width:90%;margin:5vh auto auto}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5% 0;margin:auto;padding:0}.container-project{margin-left:calc(5%);width:80%}.descriptionprj{font-size:150%;font-family:Roboto,sans-serif}.photoprj1 img{width:70%;height:1%;margin:1% auto auto;border-radius:0;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.contactme{margin-top:60vh;font-size:70%;margin-bottom:15%}.contactme .contactmett{font-size:300%}.modalprj1{height:50%}}