/*estilos generales*/

* {
 margin: 0;
 padding: 0;

}

body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(imagenes/madera.jpg) no-repeat center center/ cover;
}

.contenedor-principal {
  width: 80vw;
  max-width: 590px;
  min-height: 280px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color:rgb(235, 177, 100);
  border-color:grey;
  border-radius: 10px;
  
  
  
  }

.contnendor-botones{
  padding: 20px;
}
 #cronometro {
  width: 100%;
  font-size: 80px;
  font-weight: bold;
  user-select: none;
  font-family: 'noto sans thai', sans-serif;
 }
 .boton { 
  width: 80px;
  height: 80px;
  font-size: 50px;
  margin: 10px;
  padding: 10px;
  
 }
 #boton-inicio-pausa.iniciar,
 #boton-inicio-pausa.iniciar i {
  background-color: #08e008;
  border-radius: 25px;

 }

 #boton-inicio-pausa.pausar,
 #boton-inicio-pausa.pausar i {
  background-color: #ffdc00;
  border-radius: 25px;

}
#boton-reiniciar {
  background-color: red;
  border-radius: 25px;
}

.poema{
   width: 100vw;
  max-width: 700px;
  min-height: 50px;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  position: fixed;
  margin-top: -450px;
  
  p{
    color: rgb(204, 205, 207);
    border-color: black;
    font-size: 18px;
   

  }
}