@import url('https://fonts.cdnfonts.com/css/digital-numbers');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all .8s;
}

.contador {
  display: flex;
  justify-content: center;
}

.capa-contador {
  display: flex;
  position: fixed;
  width: 100%;
  height: 40px;
  bottom: 0;
  background-color: rgb(225, 178, 68);
  
}

.countdown {
  position: fixed;
  justify-content: center;
  padding: 5px 15px;
  bottom: 15px;
  border: solid 5px rgb(225, 178, 68);
  border-radius: 15px;

  font-family: 'Digital Numbers', sans-serif;
  font-size: 18px;
  color: rgb(225, 178, 68);
  text-shadow: 0 0 10px rgb(255, 192, 18);

  background-image: url(/imagenes/fondo-2.jpg);
}

.countdown span {
  text-align: end;
  position: relative;
  display: inline-block;
  height: 40px;
  padding-bottom: 10px;
}

.countdown #dayElement::before {
  content: 'DIAS';
}
.countdown #hourElement::before {
  content: 'HORAS';
}
.countdown #minElement::before {
  content: 'MIN';
}
.countdown #secElement::before {
  content: 'SECS';
}
.countdown span::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: darkgray;
  text-shadow: none;
}