th, td {
   /* Define a borda para todas as células de cabeçalho (th) e dados (td) */
   border: 2px solid burlywood; /* 1px de espessura, linha sólida, cor preta */
   padding: 7px; 
}

img {
	max-width: 11em;
	max-height: 11em;
	width: auto;
	height: auto;
	vertical-align: middle;
}

td.image {
	text-align: center;
}

p.nome {
	font-size:125%;
  font-weight: bold
}

/* GrandParent Name */
.gpName {
   font-size:80%;
   margin: 30px;
}

div.citacoes {
	font-size: 90%;
	margin-left: 20px;
}

div.notas {
	font-size:90%;
	margin-left:20px;
}

div {
   font-family: arial;
}

div.individuo {
   border: 2px solid burlywood;
   margin: 0px 0px 20px 0px;
   background-color: antiquewhite;
   box-shadow: 5px 5px 5px gray;
}

div.rodape {
   font-size: 80%;
   text-align: right;
   margin-right: 5px;
   margin-bottom: 5px;
}

ol {
    margin: 0;   /* Remove a margem externa */
}

p {
   margin-bottom: 5px;
   margin-top: 5px;
}

div.nome {
   border-bottom: 1px solid gray;
   padding: 5px;
   margin: 0px 0px 10px 0px;
   background-color: burlywood;
   gap: 10px;
   display: grid;
   height: 10em;
}

table {
   border-collapse: collapse;
}

table.fam {
   margin-left: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-right: 10px;
}

table.nome {
   width: 100%;
   background-color: burlywood;
}

td.esq {
   font-size:140%;
}

@media (max-width: 1080px){
td.esq {
   font-size: 200%;
}}

td.dir {
   text-align:right;
}

.secao {
   border: 2px solid burlywood;
   padding: 5px;
   margin: 5px;
   background-color: antiquewhite;
}

div.sobrenome {
   border: 1px solid gray;
   padding: 40px 10px 40px 10px;
   margin: 0px 0px 5px 0px;
   background-color: #6e2c00;
   box-shadow: 5px 5px 5px gray;
   color:wheat;
}
p.title0 {
   font-weight: bold;
}
p.title1 {
   font-weight: bold;
}
p.title2 {
   font-weight: bold;
}
ul {
   margin: 0;margin-left:20;padding:0
}