*{margin: 0;
padding: 0;}

body{font-family: Arial, Helvetica, sans-serif;
padding: 5%;}

h1{font-size: 1,1rem;
color: white;
text-align: center;
background:rgb(12, 81, 121);
text-transform: uppercase;}

.caja1{ border: 5px solid rgb(12, 81, 121);
border-radius:9px;
padding: 40px;
display: flex;
background:lightcoral;
margin-top: 2rem;
margin-bottom: 2rem;}

.caja1 > img {display: flex;
width: 60rem;
height: 10rem;
padding-right: 1.5rem;
padding-bottom: 1rem;}

.caja1 > p{text-align: justify;
font-size: 1.3rem;}

.caja2{display: flex;
text-align: justify;
margin-top: 1rem;}

.caja21{border: 5px solid rgb(12, 81, 121);
border-radius:9px;}

.caja21{text-align: justify;
font-size: 1.3rem;
padding: 5rem;
background:yellow;}

.bb{background-color: darkred;}

u{color: rgb(131, 33, 33);}

.caja3{border: 2px solid red;
border-radius:9px;
width: 30%;
display: flex;
margin-left: 8rem;}

.caja3 > img{ width: 95%;
margin: 0.5rem;}
th, td{border-bottom: 1px solid blue;}


.Personaje > th{background-color: red;
    width:33%;}

table{display: flex;
border-collapse: collapse;
width: 50%;
margin-left: 8rem ;}

th, td{padding-top: 1rem;
 width: 10%;}

.caja4{display: flex;}