@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,#ff7e5f 15%,#ff7f5f 0,#31405f 28%,#31405f 87%,#000 94%,#000 97%);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:85%;height:100%;color:red;padding:2%;border-radius:20px;margin:auto}.personaldata{margin-top:7%;display:flex;width:100%;color:#fff;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{box-shadow:0 0 30px #000;width:40%;height:40%;margin-left:35%;border-radius:50%;max-width:100%;cursor:pointer;transition:.5s}.photomia img:hover{box-shadow:0 0 10px #000;transition:.5s}.datos{display:flex;flex-direction:column;width:100%;transition:.5s}.nombre{text-align:right;font-weight:900;color:#00273c;font-size:600%;width:80%;margin:auto;max-height:20%;transition:.5s}.aboutme{margin-top:-10%;font-weight:700;font-size:250%;transition:.5s}.aboutme h2{color:#253942;margin-bottom:0;font-size:200%;transition:.5s}.descriptionme{color:#fff;font-size:100%;transition:.5s}button{background-color:transparent;border:none;transition:.5s}.btnlinks,button{text-decoration:none}.btnlinks{margin-top:-1%;width:100%;color:#00233c}.btnlinks button{text-decoration:none;padding:1%}.btnlinks i{font-weight:700;text-decoration:underline;align-items:center;color:#00273c;font-size:300%}.btnlinks i:hover{text-decoration:underline;cursor:pointer;color:#fff;transition:.5s}.btnlinks1{position:absolute;top:87vh;left:0;text-decoration:none;width:100%;color:#00233c;margin:auto}.btnlinks1 button{text-decoration:none;padding:1%}.btnlinks1 i{font-weight:700;text-decoration:underline;align-items:center;color:#00273c;font-size:300%}.btnlinks1 i:hover{text-decoration:underline;cursor:pointer;color:#fff;transition:.5s}.lenguajes{padding-top:10%;padding-bottom:1%;margin-top:20%;text-align:center;width:100%;height:auto;color:#fff;transition:.5s}.lenguajes h2{margin:auto auto 5%;width:70%;font-size:400%;font-weight:600;transition:.5s}.projects{margin-top:5%;padding-top:10%;text-align:center;width:100%;height:auto;color:#7ed1f4;transition:.5s}.projects h2{font-weight:600;font-size:350%;transition:.5s}.grid-containertec{display:flex;justify-content:center;align-items:center;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,0fr));grid-gap:30px;transition:.5s}.grid-itemtec{box-shadow:1px 15px 30px rgba(0,0,0,.369);cursor:pointer;margin-top:5%;border-radius:30px;border:1px solid hsla(0,0%,100%,.343);background-color:rgba(55,55,55,.243);padding:10px;text-align:center;width:380px;height:400px;transition:.5s}.grid-itemtec:hover{box-shadow:0 0 30px #000;background-color:#ffffff25;transition:.5s}.grid-containertec h2{font-size:250%;color:hsla(0,0%,100%,.56);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:hsla(0,0%,100%,.349);margin-top:5px;transition:.5s}.photoprj img{width:95%;height:auto;margin-top:5%;border-radius:10px;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.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:1px 15px 30px rgba(0,0,0,.708);cursor:pointer;border-radius:30px;border:1px solid hsla(0,0%,100%,.343);background-color:rgba(55,55,55,.243);padding:5%;transition:1s;color:hsla(0,0%,100%,.56);font-size:160%;transition:.5s}.container-project:hover{box-shadow:0 0 30px #000;background-color:#ffffff25;transition:.5s}.container-project .nameprj{font-size:27px;font-weight:700;transition:.3s}.container-project .categorie{margin-top:2%;color:#ffb26f;transition:.5s}.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:hsla(0,0%,100%,.601);transition:1.5s}.container-project .lenguajesprj img{margin:1% 1% -1%;width:10%;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:#9ddaff;transition:.5s}.container-project:hover .github{transition-delay:.5s;width:100%;display:inline;color:#fff;transition:.5s}.contactme{width:99%;margin:20% auto auto;color:#fff}.contactme h1{color:#fff;margin-bottom:0}.contactme .contactmett{font-size:300%;color:#fff;text-shadow:0 0 50px hsla(0,0%,100%,.702)}.contactme .correotxt{font-size:200%;color:#fff;text-decoration:none;transition:.5s}.contactme .correobtn{cursor:pointer;color:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.467);border-radius:7px;margin-left:1%;font-size:150%;border:1px solid #fff;background-color:#ffffff14;transition:.5s}.contactme .correobtn:hover{box-shadow:0 0 30px #37b6ff;transition:.5s}.creador{width:90%;height:auto;margin:5% auto auto;padding:1%;border-top:1px solid #fff;color:#fff}@media screen and (max-width:820px){html{background-image:linear-gradient(180deg,#ff7e5f 5%,#ff7f5f 14%,#31405fe7 22%,#31405f 87%,#000 91%)}.main,html{overflow-y:auto}.personaldata{height:85vh;margin:auto;width:100%;flex-wrap:wrap}.datos{margin: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:0;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;border-radius:30px;border:1px solid hsla(0,0%,100%,.343);background-color:rgba(55,55,55,.243);padding:15px;width:90%;height:270px;font-size:65%}.grid-itemtec h2{height:25%;margin-bottom:5%}.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%;color:hsla(0,0%,100%,.349);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%}.contactme{margin-top:20%;font-size:55%;margin-bottom:5%}.contactme .correotxt{font-size:170%}.modalprj1{height:50%}.modalcontent,.modalprj1{font-size:40%}}@media screen and (max-width:540px){.datos2{font-size:70%}.modalprj1{height:50%}}@media screen and (max-width:768px){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}.btnlinks i{font-size:2.5rem}.btnlinks1 button{font-size:.9rem}}@media screen and (max-width:431px){html{background-image:linear-gradient(180deg,#ff7e5f 15%,#ff7f5f 0,#31405f 28%,#31405f 84%,#000 95%,#000);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{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:-5vh}.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: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:30vh;margin-bottom:5%}.modalprj1{height:50%}}@media screen and (max-width:412px){html{background-image:linear-gradient(180deg,#ff7e5f 15%,#ff7f5f 0,#31405f 28%,#31405f 84%,#000 95%,#000);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{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{top:89vh}.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: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:25rem;margin-bottom:5%}.modalprj1{height:50%}}@media screen and (max-width:376px){html{background-image:linear-gradient(180deg,#ff7e5f 15%,#ff7f5f 0,#31405f 28%,#31405f 84%,#000 95%,#000);overflow-x:hidden;font-size:1rem}body{margin-left:0;width:100%}.main{width:90%}.personaldata{width:90%;height:80vh;font-size:.7rem;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:0}.btnlinks i{font-size:250%}.lenguajes h2{font-size:2rem;border:1px solid red;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:40vh;margin-bottom:5%}.modalprj1{height:50%}}@media screen and (max-width:360px){html{background-image:linear-gradient(180deg,#ff7e5f 15%,#ff7f5f 0,#31405f 28%,#31405f 84%,#000 95%,#000);overflow-x:hidden;font-size:80%}body{margin-left:0;width:100%}.main{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: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:30vh;margin-bottom:5%}.modalprj1{height:50%}}