@font-face {
    font-family: RenataSerif;
    src: url("RenataSerif.otf");
}

html{
    font-size:10px;
    font-family:RenataSerif, sans-serif;
    margin:0;
    padding:0;
}

body{
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#D0D0D0;
}

.contenedor{
    display:grid;
    height:calc(100vh - 4rem);
    overflow:hidden;
    width:100vw;
    max-width:1600px;
    margin:auto;
    grid-template: "a b";
    grid-auto-columns: 1fr;
}

.columna{
    padding:2rem 0.5rem 5rem 0.5rem;
    overflow-x:hidden;
    overflow-y: auto;
}
.flori{background-color:#f0f0f0;}

.diego{background-color:#dfdfdf;}

.publicacion{
    border-bottom:1px solid rgba(0,0,0,0.5);
	padding-bottom: 1rem;
	padding-top: 1rem;
    }

.publicacion:last-child{
	margin-bottom: 5rem;
    }

.publicacion h1, h2, p{
    margin:1rem 1rem;
}

.publicacion h1{
	font-size:2rem;
	font-weight: normal;
}

.publicacion h2{
    font-size:0.8rem;	
    line-height:1rem;
    text-align:right;
    font-weight:normal;
}

.publicacion p{
	font-size:1rem;
}

.publicacion img{
    width:100%;
    box-shadow: 0 0.4rem .8rem rgba(0,0,0,0.5);
	margin-bottom:0.5rem;
}

.publicacion ul{
	margin:0 1rem;
}

.publicacion video{
	display:inline-block;
    width:100%;
    box-shadow: 0 0.4rem .8rem rgba(0,0,0,0.5);
	margin-bottom:0.5rem;    
}

.publicacion .firma{
    text-align: right;
    margin-bottom:2rem;
}

.no{
    color:#999;
}

.encabezado{
    position:relative;
    width:100vw;
    background-color:rgba(240,240,240,1);
    box-shadow: 0 0.4rem .8rem rgba(0,0,0,0.5);
	padding:0;
}

.contenidoencabezado{
	width:100vw;
	max-width:1600px;
	margin:0 auto;
	padding:0;
}

.encabezado h1{
	display:inline-block;
    color:#777;
    padding:1rem 2rem 1rem 0;
    font-size:2rem;
	font-weight: normal;
    line-height: 2rem;
	text-shadow: .1rem .1rem .3rem rgba(190,190,190,1), -.1rem -.1rem .3rem rgba(255,255,255,1);
}

.encabezado p{
	display:inline-block;
    padding:0;
	margin:0 2rem 0 0;
    font-size:1rem;
	font-weight: normal;
    line-height: 2rem;
	
}

.encabezado a{
	text-decoration: none;
    color:#ccc;
    font-size:1rem;
	font-weight: normal;
    line-height: 2rem;
}

.mascontenido{
	text-align: center;
	background-color: white;
	height:100vh;
	margin:0;
	overflow-x: hidden;
	overflow-y: scroll;
}

.mascontenido a{
	text-decoration: none;
    color:#ccc;
	display:block;
	margin:2rem;
    font-size:2rem;
	font-weight: normal;
    line-height: 3rem;
}


@media only screen and (min-width: 50rem) {
    html{
    	font-size:14px;
    }
    
    .publicacion h1, h2, p{
		margin:1rem 3rem;
	}
	
	.publicacion ul{
		margin:0 3rem;
	}
}

@media only screen and (min-width: 95rem) {
	html{
    	font-size:16px;
    }
    .publicacion h1, h2, p{
        margin:1rem 8rem;
    }
	.publicacion ul{
		margin:0 8rem;
	}
}