/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:800); */

.clockcontainer {
  margin: auto;
  width: 400px;

/* BVDB overrules: */

  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  top: -20px;
  border-radius: 20px;

  width: 200px;
  height: 140px;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 100000;
  background-color: white;
}

.path--background {
  fill: rgb(34, 213, 201);
  fill: rgb(0, 159, 227);
  fill: rgb(128, 207, 241);
  fill: rgb(191, 231, 248);
  stroke: #fff;
  stroke-width: 0px;
}

.pulse {
  fill: rgb(255, 74, 74) !important;
}
.pulseback {
  fill: rgb(255, 165, 165) !important;
}

.path--foreground {
  fill: #eee;
  stroke: #eee;
  stroke-width: 2px;
}

.label {
  font: 90px "Open Sans";
  font: 45px "Open Sans";
  font-weight: 900;
  text-anchor: middle;
  fill: rgb(34, 213, 201);
  fill: rgb(0, 159, 227);
}