Design Engine auto generated syntax v1

background.css

/* CSS Generator v1.0 */
/* Code snippets by Design Engine. */
/* Made in Mountain View, CA. */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


.card {
	position: absolute;
  top: 188px;
  left: 16px;
  width: 342px;
  height: 78px;
  background-color: #007AFF;
}
.background {
  position: absolute;
  top: 188px;
  left: 16px;
  width: 342px;
  height: 78px;
  background-color: #007AFF;
}
.you-have-completed-a {
  position: absolute;
  top: 209px;
  left: 36px;
  width: 227px;
  height: 18px;
  font-family: "SFProText Bold", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: -0.43px;
  line-height: 24px;
  text-align: left;
}
.today-1125-am {
  position: absolute;
  top: 235px;
  left: 36px;
  width: 92px;
  height: 13px;
  font-family: "SFProText Regular", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0.00px;
  line-height: 14px;
  text-align: left;
}
.chevron {
  position: absolute;
  top: 213px;
  left: 311px;
  width: 27px;
  height: 28px;
  background-color: #000000;
}
.background {
  position: absolute;
  top: 213px;
  left: 311px;
  width: 27px;
  height: 28px;
  background-color: #000000;
}
.chevron {
  position: absolute;
  top: 213px;
  left: 311px;
  width: 27px;
  height: 28px;
  background-color: #FFFFFF;
}
.chevron-icon {
  position: absolute;
  top: 213px;
  left: 311px;
  width: 27px;
  height: 28px;
  background: url("436F2A9C-6302-4E15-985A-7E1EDAC08B1C@3x.png");
}
.bounds {
  position: absolute;
  top: 213px;
  left: 311px;
  width: 27px;
  height: 28px;
  background-color: #FFFFFF;
}
.shape {
  position: absolute;
  top: 221px;
  left: 322px;
  width: 6px;
  height: 12px;
  background-color: #FFFFFF;
}