@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");html{background-color:#fff;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:#fff;padding:2%;border-radius:20px;margin:auto}.main h2{font-size:400%}.projects{margin-top:5%;text-align:center;width:100%;height:auto;color:#7ed1f4;transition:.5s}.projects h2{font-weight:600;font-size:350%;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: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:#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}@media screen and (max-width:820px){.projects{margin:10% auto auto;font-size:200%}.projects h2{height:5%;font-size:150%;margin:auto auto 4%}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.container-project{width:100%;font-size:47%}.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){.projects{margin:auto;width:90%}.grid-containerprj{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3% 0;margin:auto auto auto 0;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)}.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%}}