body, html{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background: #686868;
font-family: 'Open sans' helvetica, arial;
text-align: center;
font-weight: bold;
}
header, footer{
display: block;
min-height: 10%;
background: #8ca4e1;
}
header h1{
text-transform: uppercase;
}
#container{
background: white;
height: 76%;
display: -webkit-flex;
display: flex;
flex-flow: row;
position: relative;
}
#container section{
font-size: 1.5em;
padding: 30px;
/*width: 420px;*/
margin: 20px auto;
text-align: left;
}
#container section .crono{
float: left;
width: 350px;
height: 326px;
margin-left: 40px;
margin-bottom: 50px;
position: relative;
}
#container section .crono p{
position: absolute;
bottom: 120px;
left: 125px;
font-size: 1.2em;
}
#container section #resultados{
float: right;
min-width: 200px;
}
#container section #botones{
clear: both;
margin-left: 110px;
margin-top: 50px;
padding-top: 50px;
}
header, footer{
border: 0.1em solid black;
}
#boton{
width: 100px;
margin-left: 45%;
}