@charset "utf-8";
body, html {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
/* font-family: 'Lato', sans-serif;*/
font-family: 'Josefin Slab', serif;
}
#main {
height: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
}
.cabecera{
background: black;
display: flex;
display: -webkit-flex;
flex: 1;
order: 1;
-webkit-flex: 1;
-webkit-order: 1;
}
.centro{
display: flex;
display: -webkit-flex;
flex : 2;
order: 1;
-webkit-flex: 2;
-webkit-order: 1;
}
.pie{
display: flex;
display: -webkit-flex;
flex: 1;
order: 3;
-webkit-flex: 1;
-webkit-order: 3;
}
.titulo{
background:black;
flex : 1;
order: 1;
-webkit-flex: 1;
-webkit-order: 1;
}
.herramientas {
background: #FFF;
flex : 1;
order: 1;
-webkit-flex: 1;
-webkit-order: 1;
}
.curriculo {
background: #FFF;
flex: 2;
order: 1;
-webkit-flex: 2;
-webkit-order: 2;
}
.multimedia {
background: #FFF;
flex: 2;
order: 3;
-webkit-flex: 2;
-webkit-order: 3;
}
.uno {
background-color: #FFF;
flex: 1;
-webkit-flex: 1;
-webkit-order: 1;
}
h1{
color: #FFFFFF;
font-size: 2em;
padding: 1em 0;
text-align: center;
margin-top: 0px;
}
h2{
color: #FFFFFF;
padding: 0em 0;
font-size: 1.5em;
text-align: center;
}
h3,h4{
color: black;
font-size: 1.5em;
line-height: 1em;
text-align: center;
margin-top: 20px;
}
img{
border: 2px solid #000000;
}
#imag{
margin-right: 20px;
margin-left: 50px;
}
#presentacion{
adding: 1em 0; line-height: 1.4em;
font-size: 1.2em;
text-align: justify;
}
iframe{
width: 80%;
height: 415px;
margin:50px;
}
object{
width: 80%;
height: 350px;
margin:20px;
border: 2px solid #000000;
}