/*
  because of changing "i" tag with "svg" element, some restyling had to be done.
*/

header {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: flex-end; */
}

header .watch {
  width: 37px;
  height: 54px;
}

header .headertext {
  margin-bottom: 40px;
}

/* --- end of restyling --- */

/* styling for arrows inside the watch */

.arrows {
  transform-origin: 64px 988px;
}

.minute {
  transform: rotate(-120deg);
}

.hour {
  transform: rotate(0deg);
}