* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  --size: 80px;
  display: grid;
  grid: var(--size) / calc(50% + var(--size));
  place-content: center;
  background: #FBFBFD;
}

body * {
  grid-area: 1 / 1;
}

span {
  height: 6px;
  border-radius: 3px;
  align-self: center;
  background: rgb(219, 222, 234);
}

p {
  display: grid;
  place-items: center;
  width: var(--size);
  border-radius: 50%;
  font: 500 16px -apple-system, BlinkMacSystemFont, sans-serif;
  font-feature-settings: "tnum";
  color: #fff;
  background: #616AFF;
}