body, html {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-family: Comfortaa;
background: #E1E1E1;
font-size: 120%;
}
#main {
width: 100%;
display: flex;
flex-flow: column;
}
#main section {
background: #E1E1E1;
width: 100%;
order: 2;
flex: 1;
}
section article {
display: block;
color: #238828;
border-style: solid;
border-width: 2px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
margin: 20px;
background: #E1E1E1;
box-shadow: 5px 5px 5px #424242;
}
#main aside {
display: block;
background: #8A8B8A;
flex: 1;
order: 1;
color: white;
width: 100%;
}
aside img {
float: right;
}
header {
display: block;
background: #238828;
color: white;
font-size: 200%;
padding-top: 15px;
padding-bottom: 15px;
}
footer {
clear:both;
display: block;
background: #238828;
color: white;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
font-size: 100%;
}
#contenido {
padding: 10px;
clear: both;
}
#centrado {
text-align:center;
}
#video {
width: 80%;
height: 330px;
}
#imagen {
width: 80%;
}