header{
    background-color: brown;
    font-family: "courier";
    font-size: 4vw;
    text-decoration: underline;
    padding: 1vw;
    text-align: center;
    border-style: double;
    border-width: 2vmin;
    }


footer{
    background-color: brown;
    font-family: "courier";
    font-size: 3vmin;
    text-align: center;}

nav{border-style: double;
    background-color: brown;
    border-width: 2vmin;
    display: flex;
    justify-content: space-around;
    margin: 1vmin;
    }

li{box-shadow:inset 2px 2px 6vmin -3vmin #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #f06448 100%);
	background-color:#d0451b;
	border-radius:3vmin;
	border:3px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Courier New;
	font-size:3vmin;
	padding:7px 3vmin;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
    margin: 1vmin;}

li{background-color:#d0451b;}



body{background-color:rgb(77, 6, 6) ;}
/** el main egloba a todos los bloques**/

main{display:flex;
    flex-direction: column;
    padding: 2vw; margin: 1vw;
    align-items: center;
    border-style: double;
    border-color: rgb(192, 88, 9);
    border-width: 1vmin;
    background-color: rgb(77, 6, 6);}


.bloque1{
    background-color: rgb(235, 136, 61);
    width: 90vw;
    margin: 1vw;}

.bloque2{
    background-color: rgb(235, 136, 61);
    width: 90vw;
    margin: 1vw;}

.bloque3{
    background-color: rgb(235, 136, 61);
    width: 90vw;
    margin: 1vw;}

.bloque4{
    background-color: rgb(235, 136, 61);
    ;width:90vw;
    margin: 1vw;}


/** acá van a estar los estilos de los div**/


.parrafopresentacion
{width:62vw;
color: rgb(68, 65, 65);
text-indent: 10vmin;
font-family: "courier";
background-color:rgb(252, 177, 120) ;}

.parrafosobremi
{color: rgb(68, 65, 65);
font-family: "courier";
background-color:rgb(250, 124, 101);
display: flex; padding: 3vmin;}






/**fotos**/

.fotopresentacion{width:29vw; padding-left: 1vmin;}

.fotopresentacion img{width:100%;}

.fotoredeslinkedin{width:8vmin; height: 9vmin;}
.fotoredesig{width: 15vmin;}
.fotoredesblogspot{width: 10vmin;}

.fotocollage{width:100%; padding: 3vmin;}




/**div para flex**/
.contenedorflexpresentacion{display: flex; padding: 3vmin;align-items: center;}
.contenedorflexsobremi{padding: 3vmin;}
.contenedorredes{display: flex; justify-content: space-around; margin-top: 4vmin;}



/** boton para volver al navegador**/

.botonvolver {
	box-shadow: 0px 0px 0px 0px #cf866c;
	background-color:#d0451b;
	border-radius:2vmin;
	border:2px solid #942911;
	display:inline-block;
	cursor:pointer;
	color: rgb(38, 35, 35);
	font-family: "courier";
	font-size:3vmin;
	padding:1vmin 2vmin;
	text-decoration:underline;
	text-shadow:0px 1px 0px #854629;
    position:fixed;
    bottom: 0;
    right: 0;
	margin-right: 1ex;
    margin-bottom: 2ex;
}
.botonvolver:hover {
	background-color:#d0451b;
}


/**clases de parrafos y titulos**/

h1
{font-size: 6vmin;
text-align: center;
font-family: "courier";
font-style: italic;
color: rgb(36, 36, 34);
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color:rgb(36, 36, 34);
}

.titulossobremi
{font-size: 5vmin;
text-decoration: underline;
text-decoration-style: wavy;
font-style: oblique;}

.textosobremi
{font-size: 4vmin;
font-weight: 400;}

ul
{text-align: left;
font-weight: 400;
font-size: 3vmin;}

.textopresentacion
{margin:3vmin; 
font-size: 4vmin;}

.titulogaleria{font-family: courier;font-size: 4vmin; padding: 2vmin; font-style: italic;
text-align: center; font-weight: 550;}

.listacontactos{width:80%;}


/**solo contenedores dedicados a margenes y padding**/

.solocontenedorsobremi{margin-right: 4vmin;}