body, html{
    margin: 0;
    padding: 0;
    height: 100%;
}
#wrap-page{
    height: 100%;
    width: 100%;
    background: #CABFB5;
    z-index: -1;
    display: flex;
    flex-direction: column;
}
header{
    height: 55px;
    display: inline;
    border-bottom: solid 1px white;
}
h2{
    float: left;
    text-align: center;
    height: 48px;
    width: 50%;
}
img{
    z-index: 2;
    margin: 10px;
    float: right;
    height: 48px;
    width: 48px;
}
h3{
    padding-top: 120px;
}
#touch{
    margin: auto;
    background:url("crono.png");
    height: 256px;
    width: 256px;
    margin-bottom: 20px;          
}
.cronometro{
    margin: auto;
    text-align: center;
    height: 60px;
    width: 256px;
}
div.boton{
    height: 40px;
    width: 49%;
    background: #FF7400; 
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}
#lista{
    border:solid 2px white;
    position: absolute;
    width: 99%;
    background: #FF7400;
    z-index: 1;
    height: auto;
    color: white;
    display: none;
    box-shadow: 0 0 5px 5px #888;
}
h4{
    border-bottom: solid white;
}
li{
    text-indent: none;
}