@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");html{background-color:#fff;height:auto;overflow-x:hidden;transition:.7s;font-size:2vh}body,html{font-family:Roboto,sans-serif;width:100%}body{margin-left:4%;overflow-y:auto}.main{overflow-y:visible;width:97%;height:auto;color:#fff;padding:2%;border-radius:20px;font-family:Roboto,sans-serif}.main h2{font-size:400%}.creador{color:#424242}.projects{margin-top:5%;text-align:center;width:100%;height:auto;color:#7ed1f4;margin-bottom:5%}.projects,.projects h2{transition:.5s;font-family:Roboto,sans-serif}.projects h2{font-weight:600;font-size:350%}.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: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;margin-bottom:2%}.container-project:last-child{margin-bottom:5%}.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:#ffb26f;transition:.5s;font-weight:700;font-family:Roboto,sans-serif}.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{font-weight:700;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:#000;transition:.5s}.container-project .github i{margin-right:2%;color:#000;transition:.5s}.container-project:hover .categorie{color:#9ddaff;transition:.5s;font-weight:700}.container-project:hover .github{transition-delay:.5s;width:100%;display:inline;color:#000;transition:.5s}@media screen and (max-width:820px){body{overflow-y:auto}.main{height:auto;overflow-y:visible}.projects{font-size:200%;margin:10% auto}.projects h2{height:auto;font-size:150%;margin:10% auto 15%}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.container-project{width:100%;font-size:47%;margin-bottom:3%}.container-project:last-child{margin-bottom:8%}.container-project .nameprj{font-size:200%;font-family:Roboto,sans-serif}.modalprj1{height:50%}.modalcontent,.modalprj1{font-size:40%}}@media screen and (max-width:431px){body{overflow-y:auto}.main{height:100vh}.projects{width:90%;margin:auto auto 33dvh}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2% 0;margin:auto auto auto 0;padding:0}.container-project{width:90%;margin:auto auto 5%}.container-project:last-child{margin-bottom:10%}.photoprj1 img{width:70%;height:1%;margin:1% auto auto;border-radius:0;box-shadow:1px 15px 30px rgba(0,0,0,.533)}.modalprj1{height:50%}}@media screen and (max-width:768px){.modalprj1{height:50%}}@media screen and (max-width:360px){.container-project{margin:auto auto auto 0;width:85%}}