*{
	margin:0;
	padding:0;
}

body{
	background-color:#f5f2e9; /*#242424*/ /*#F2EFE5 */
	font-family:serif;
	scroll-behavior:smooth;
}

a{
	font-family:serif;
	text-decoration:none;
	color:#5a5645;
}

a:hover{
	 /*#a19a7f */
}

a:focus{
	color: #dedede;
}


#web{
	width:95%;
	margin:auto;
	background-color:none;
}


h1{
	font-family:serif;
	font-weight:normal;
	color:#7a7665;
	font-size:42px;
}
h4{
	font-family:serif;
	font-weight:normal;
	color:#6E6E6E;
}


h3{
	margin-bottom:10px;
	font-size:24px;
	color:#6E6E6E;
}

#title{
	margin:auto;
	margin-bottom:5px;
	margin-top:10px;
	width:100%;
	text-align:center;
	height:auto;
	background-color:none;
}


img{
	height:30px;
	width:30px;
}

especial {
  animation: color-change 1s infinite;
}


table{
	font-weight:normal;
	text-align:left;
	margin:auto;
	margin-block:50px;
	border: 1px solid #e6e1d5;
	padding:1ch;
}

th{
	padding-block:1ch;
	padding-inline:1ch;
	margin-bottom:5px;
}

.fch{
	color:#d1caae; /* #d8d2bb*/

	font-weight:normal;
	font-size:0.9rem;
	border:0px solid black;
	vertical-align: top;
}



.txt{
	color:#5683d6;
	font-weight:normal;
	border:0px solid black;

	display:inline-block;

}

.txt a{
	
	padding:1ch;
}

.txt:hover a{
	background-color:#eeeade;
	border-radius:5px;
	color:#88836f;
}


.grilla{
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width:95%;
	margin:auto;
	margin-top:50px;
	align-items: center;
	
}


p.fecha{
	text-align:right;
	padding-right:10px;
	border: 0px solid black;
	font-size:1rem;
	line-height: 1.2rem;
}	

a.poema{
	padding-left:10px;
	border: 0px solid black;
	font-size:1.2rem;
	line-height: 1.2rem;
}







@keyframes color-change {
  0% { color: #FF7070; }
  25% { color: #FEC928; }
  50% { color: #6FDCA1; }
  75% { color: #99C0FF; }
  100% { color: #FF7070; }
}



@media screen and (max-width:600px){
	#web {
			margin-left:15px;
			margin-right:15px;
			}

	table {
			margin-inline:0;
			border:0px;
			}

	#title{
		text-align:left;
	}

	.txt a{

		padding:0ch;
		background-color:none;
	}
	
}