Design Engine auto generated syntax v1

map.css

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


.step-0 {
	position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
}
.map {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  background-color: #C9EFFF;
}
.background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  background-color: #C9EFFF;
}
.background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 68px;
  background-color: #FFFFFF;
}
.background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 68px;
  background-color: #FFFFFF;
}
.line {
  position: absolute;
  top: 67px;
  left: 0px;
  width: 375px;
  height: 1px;
  background-color: #D8D8D8;
}
.shape {
  position: absolute;
  top: 19px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-color: #3E3E3E;
}
.left {
  position: absolute;
  top: 13px;
  left: 90px;
  width: 99px;
  height: 42px;
  background-color: #E5E5E5;
}
.background {
  position: absolute;
  top: 13px;
  left: 90px;
  width: 99px;
  height: 42px;
  background-color: #E5E5E5;
}
.map-icon-active {
  position: absolute;
  top: 20px;
  left: 126px;
  width: 28px;
  height: 28px;
  background-color: #9B9B9B;
}
.shape {
  position: absolute;
  top: 33px;
  left: 126px;
  width: 28px;
  height: 15px;
  background-color: #9B9B9B;
}
.pin {
  position: absolute;
  top: 20px;
  left: 133px;
  width: 13px;
  height: 20px;
  background-color: #9B9B9B;
}
.shape {
  position: absolute;
  top: 20px;
  left: 132px;
  width: 13px;
  height: 19px;
  background-color: #9B9B9B;
}
.oval {
  position: absolute;
  top: 25px;
  left: 138px;
  width: 3px;
  height: 3px;
  background-color: #9B9B9B;
}
.right {
  position: absolute;
  top: 13px;
  left: 187px;
  width: 99px;
  height: 42px;
  background-color: #FFFFFF;
}
.background {
  position: absolute;
  top: 13px;
  left: 187px;
  width: 99px;
  height: 42px;
  background-color: #FFFFFF;
}
.list-icon-tab-nonactive {
  position: absolute;
  top: 20px;
  left: 226px;
  width: 22px;
  height: 28px;
  background-color: #3E3E3E;
}
.shape {
  position: absolute;
  top: 20px;
  left: 226px;
  width: 22px;
  height: 28px;
  background-color: #3E3E3E;
}
.rectangle-2 {
  position: absolute;
  top: 32px;
  left: 232px;
  width: 10px;
  height: 3px;
  background-color: #3E3E3E;
}
.rectangle-2 {
  position: absolute;
  top: 26px;
  left: 232px;
  width: 10px;
  height: 3px;
  background-color: #3E3E3E;
}
.shape {
  position: absolute;
  top: 20px;
  left: 226px;
  width: 22px;
  height: 28px;
  background-color: #9B9B9B;
}
.rectangle-2 {
  position: absolute;
  top: 32px;
  left: 232px;
  width: 10px;
  height: 3px;
  background-color: #9B9B9B;
}
.rectangle-2 {
  position: absolute;
  top: 26px;
  left: 232px;
  width: 10px;
  height: 3px;
  background-color: #9B9B9B;
}
.footer {
  position: absolute;
  top: 764px;
  left: 0px;
  width: 375px;
  height: 48px;
  background-color: #FFFFFF;
}
.background {
  position: absolute;
  top: 764px;
  left: 0px;
  width: 375px;
  height: 48px;
  background-color: #FFFFFF;
}
.rectangle-2 {
  position: absolute;
  top: 764px;
  left: 0px;
  width: 375px;
  height: 48px;
  background-color: #FFFFFF;
}
.sign-up {
  position: absolute;
  top: 782px;
  left: 20px;
  width: 54px;
  height: 16px;
  font-family: "AvenirNext DemiBold", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #3E3E3E;
  letter-spacing: 0.00px;
  line-height: 20px;
  text-align: left;
}
.login {
  position: absolute;
  top: 782px;
  left: 317px;
  width: 37px;
  height: 16px;
  font-family: "AvenirNext DemiBold", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #3E3E3E;
  letter-spacing: 0.00px;
  line-height: 20px;
  text-align: right;
}
.tint {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  background-color: #000000;
}
.svg-tint-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  background: url("[email protected]");
}
.button {
  position: absolute;
  top: 674px;
  left: 50px;
  width: 276px;
  height: 60px;
  background-color: #02A100;
}
.background {
  position: absolute;
  top: 674px;
  left: 50px;
  width: 276px;
  height: 60px;
  background-color: #02A100;
}
.rectangle-3 {
  position: absolute;
  top: 674px;
  left: 50px;
  width: 276px;
  height: 60px;
  background-color: #02A100;
}
.rectangle-3 {
  position: absolute;
  top: 727px;
  left: 50px;
  width: 276px;
  height: 6px;
  background-color: #FFFFFF;
}
.next {
  position: absolute;
  top: 691px;
  left: 153px;
  width: 71px;
  height: 19px;
  font-family: "AvenirNext Bold", sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #FFFFFF;
  letter-spacing: 2.00px;
  line-height: 33px;
  text-align: center;
}
.copy {
  position: absolute;
  top: 225px;
  left: 33px;
  width: 310px;
  height: 269px;
  background-color: ;
}
.upland {
  position: absolute;
  top: 275px;
  left: 40px;
  width: 289px;
  height: 56px;
  font-family: "PROMINDER", sans-serif;
  font-weight: 400;
  font-size: 70px;
  color: #F0FF00;
  letter-spacing: 10.00px;
  line-height: 93px;
  text-align: center;
}
.a-property-trading-g {
  position: absolute;
  top: 356px;
  left: 44px;
  width: 287px;
  height: 11px;
  font-family: "BourbonGrotesque Regular", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 3.50px;
  line-height: 128px;
  text-align: center;
}
.welcome-to {
  position: absolute;
  top: 238px;
  left: 121px;
  width: 128px;
  height: 11px;
  font-family: "BourbonGrotesque Regular", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 3.50px;
  line-height: 128px;
  text-align: center;
}
.welcome-to-upland-a {
  position: absolute;
  top: 408px;
  left: 33px;
  width: 309px;
  height: 61px;
  font-family: "AvenirNext DemiBold", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 0.00px;
  line-height: 24px;
  text-align: justify;
}