h1{
font-size: 40px;
}
h2{
font-size: 25px
}
.imagen{ 
	width:90%;
	margin:10px 5px 5px 10px;
	border-radius: 0.6rem;
}
.logoforo{
    width:280px;
	margin:10px 1px 1px 10px;
	border-radius: 0.6rem;
}
.logosocial{
    width:100px;
	margin:10px 1px 1px 10px;
	border-radius: 0.6rem;
}
.separador{
  background: #444545;
  width:100%;
  height:10px;
}
.nosub{
text-decoration: none
}
.peqenio{
font-size: 20px;
}
.visible_trans,
.oculto_trans{
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.visible_trans {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
  
}
.oculto_trans {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.visible_trans > div,
.oculto_trans > div {
  /* Put any padding, border, min-height, etc. here. */
}
.oculto_trans > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}