table, th, td {
	border: 2px solid black;
	border-collapse: collapse;
	text-align: left;
	margin:auto;
}
th, td {
	padding: 2px 3px 2px 3px;
	
}



.bib{
	color:#000;	margin:10px 30px 0px 50px; text-indent:-50px;
	}

table {
	width:100%;
}
th {
	background: brown;
	color: white;
	text-align: center;
}

td {
	width:13%;
}

tr:nth-child(even) {background-color: rgba(250, 214, 165,0.8);}

body.dark tr:nth-child(even) {background-color: #2828c8;}

.bib{
	color:#000;	font-size:18px; margin:10px 30px 0px 90px; text-indent:-70px;
	}

body.dark .bib{
	color:#fff;	font-size:18px; margin:10px 30px 0px 90px; text-indent:-70px;
	}
	
.caja5 {
  background: #FFEBCD;
  border-radius: .3rem;
  overflow: hidden;
  margin: 0.65em 0;
  color:var(--raro-color);
  width:80%;
  margin-left:10%;
}
   
.caja5 h5 {
  padding: .3rem .5rem;
  margin: 0;
  background: hsl(250 80% 90%);
  color: white;
  font-size: 20px;
  text-align: center;
  
}

.caja5 .content {
  padding: 0 .5rem;
  text-shadow: 2px 2px 1px #c2c2c2;
}

.caja5 .modo1 {
  background: hsl(170 90% 40%);
  text-shadow: 2px 2px 3px black;
}

.caja5 .modo2 {
  background: #8D6E63;
  text-shadow: 2px 2px 3px  black;
  
}

.caja5 .modo3 {
  background: #8DAE63;
  text-shadow: 2px 2px 3px  black;
  
}

.caja5 .modo4 {
  background: #E65100;
  text-shadow: 2px 2px 3px black;
}

.caja5 .modo5 {
  background: #D81B60;
  text-shadow: 2px 2px 3px black;
}

.caja5 .modo6 {
  background: brown;
  text-shadow: 2px 2px 3px black;
}

body.dark .caja5 .content {
	color: black;
}

.page h1, .page h2 {
  color: brown;
}

body.dark .page h1, body.dark .page h2 {
	color: #c39178;
}

body {
	--cafe-color: brown;
}

body.dark {
	--cafe-color: #c39178;
}