main{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:20px;gap:20px}header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-around;padding:10px;background-color:#fff}.principal{display:none}.contenedor-imagen img{height:60px}.contenedor-link{display:flex;gap:30px}.contenedor-link{text-decoration:none;color:#000;font-weight:700}.boton,.dashboard-button{width:120px!important;height:30px!important;border-radius:8px!important;color:#fff!important;background-color:#272b33!important;font-size:16px!important;font-weight:700!important;font-family:Segoe UI!important}.boton:hover,.dashboard-button:hover{background-color:#fbc02d!important}.enlace{text-decoration:none;font-size:20px;color:#272b33}.enalce:hover{color:#fbc02d}@media (min-width: 501px){.dashboard-button{display:none!important}.principal{display:block}}nav{background-color:#272b33;display:flex;align-items:center;justify-content:center;color:#fbc02d;font-size:40px;font-weight:700;font-family:Segoe UI}#tarjeta-character{width:300px;height:460px;position:relative;overflow:visible;margin-bottom:10px}#imagen-fondo{background-image:url(https://u7.uidownload.com/vector/679/759/vector-lowpoly-grey-gradient-svg-eps.jpg)}main{background-color:#272b33}#tarjeta{width:300px;height:620px;position:relative;overflow:visible;margin-bottom:10px}#imagen-fondo{background-image:url(https://u7.uidownload.com/vector/679/759/vector-lowpoly-grey-gradient-svg-eps.jpg)}.MuiCardMedia-img{height:432px!important;width:100%!important;object-fit:contain!important;padding:20px;box-sizing:border-box;position:relative;top:-10px;z-index:1;transition:all .3s ease-in-out}#nombre-personaje{position:relative;font-size:30px;font-weight:700;color:#fff;z-index:3}#tarjeta-transformacion{width:300px;height:500px;position:relative;overflow:visible;margin-bottom:10px}#imagen-fondo{background-image:url(https://u7.uidownload.com/vector/679/759/vector-lowpoly-grey-gradient-svg-eps.jpg)}.tarjeta-imagen .MuiCardMedia-img{height:440px!important;width:100%!important;object-fit:contain!important;padding:20px;box-sizing:border-box;position:relative;top:-10px;z-index:1;transition:all .3s ease-in-out}.MuiCardMedia-img:hover{transform:scale(1.15)}#informacion-personaje{position:absolute;margin-top:-50px;background-color:#3c3e44;width:100%!important;padding:15px;box-sizing:border-box}#nombre-personaje{position:relative;font-size:18px;font-weight:700;color:#fff;z-index:3}.informacion-color{color:#fbc02d}.subtitulo-color{color:#fff}.dimension{font-size:18px;font-weight:700}.MuiCardContent-root{padding:0!important}*{padding:0;margin:0;box-sizing:border-box}#transformaciones-container{display:grid;background-color:#272b33;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"titulo" "transformacion"}#titulo{grid-area:titulo;display:flex;justify-content:center;align-items:center}#transformacion{grid-area:transformacion;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:20px;gap:20px}#titulo-transformacion{color:#fbc02d;font-size:40px;font-weight:700;font-family:Segoe UI}.error{background-color:#000;color:#fff;height:80vh;display:flex;justify-content:center;align-items:center;font-size:5rem}#main-acercaDe{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-130px}#informacion{width:50%}#parrafo{color:#fff;font-size:20px;font-weight:700;font-family:Segoe UI;text-align:justify;margin-bottom:40px}.informacion-integrantes{color:#fff;font-size:20px;font-weight:700;font-family:Segoe UI;margin-bottom:20px}@media (max-width: 500px){#informacion{width:100%}}