*{margin:0;padding:0}body{background-color:#00172c;font-family:sans-serif}.mainContainer{display:grid;grid-template-columns:33.3% 33.3% 33.3%}.characterContainer{display:grid;grid-template-columns:50% 50%;margin:20px;background:rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 32px #1f268761;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.infoContainer{display:grid;grid-template-rows:30% 50% 20%;margin-left:5px}.characterImage{width:100%;height:100%;border-radius:16px 0 0 16px}.name{color:#fff;text-align:center;height:30px;font-size:20px}.infoMainContainer{display:grid}.statusContainer{display:flex}.circle{width:10px;margin-right:3px}.status{font-weight:700}.circleAlive,.statusAlive{color:#03fea3}.circleunknown,.statusunknown{color:#7a7a76}.circleDead,.statusDead{color:#b10033}.especie{color:#fff;font-weight:700}.buttonContainer{width:100%;display:grid;align-items:center;justify-content:center}.button{width:100px;height:30px;border:none;border-radius:16px;background-color:#00172c;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.loadingContainer{width:100vw;height:100vh;display:grid;align-items:center;justify-content:center}.headerContainer{display:grid;align-items:center;justify-content:left;width:500px;margin:20px}.onePersonajeImage{width:100px;border-radius:100px;margin-bottom:3px}.imageName{display:flex;align-items:center;justify-content:center}.oneNamePersonaje{color:#fff;margin-left:10px}.containerChild{display:flex;align-items:center;justify-content:left;margin-left:10px}.infoOnePersonajeContainer{display:grid;grid-template-columns:50% 50%}.infoOnePersonaje{position:relative;display:flex;align-items:center;justify-content:center}.imagePersonajeOne{position:absolute;align-items:center;justify-content:center;border-radius:1000px}.info{display:grid;color:#fff}.containerChildInfo,.containerStatus{display:flex}.buttonVolverContainer{width:100%;display:flex;align-items:center;justify-content:center}.buttonVolver{width:50%;height:50px;border:none;border-radius:16px;background-color:#03fea3;font-size:40px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none}@media (max-width: 1118px){.mainContainer{grid-template-columns:50% 50%}.infoOnePersonajeContainer{grid-template-columns:100%}.info{align-items:center;justify-content:center;margin-top:20px}}@media (max-width: 753px){.mainContainer{grid-template-columns:auto}}.portal{position:relative;width:500px;height:500px;border-radius:1000px;animation:2s infinite rotacion;background:#A8CB55;box-shadow:0 0 100px 10px #0f0c}@keyframes rotacion{5%{transform:rotate(18deg)}10%{transform:rotate(36deg)}15%{transform:rotate(54deg)}20%{transform:rotate(72deg)}25%{transform:rotate(90deg)}30%{transform:rotate(108deg)}35%{transform:rotate(126deg)}40%{transform:rotate(144deg)}45%{transform:rotate(162deg)}50%{transform:rotate(180deg)}55%{transform:rotate(198deg)}60%{transform:rotate(216deg)}65%{transform:rotate(234deg)}70%{transform:rotate(252deg)}75%{transform:rotate(270deg)}80%{transform:rotate(288deg)}85%{transform:rotate(306deg)}90%{transform:rotate(324deg)}95%{transform:rotate(342deg)}to{transform:rotate(360deg)}}