* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: "Helvetica", "OpenSans", "Arial", sans-serif;
  font-size: 16px;
  height: 100%;
}

body.coming-soon {
  background: linear-gradient(#6749f5, #25ced1);
  min-height: 100%;
}

.container {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

.coming-soon .container {
  height: 100%;
  position: relative;
  font-size: 0;
}

.coming-soon .container::before {
  content: '';
  display: block;
  position: absolute;
  width: 561px;
  height: 272px;
  background: transparent url(/skeleton/images/coming-soon-top-text.png) no-repeat scroll center center;
  background-size: contain;
  left: calc(50% - 281px);
  top: 238px;
}

.coming-soon .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background: #fafbfd;
}

.coming-soon .footer::before,
.coming-soon .footer::after {
  content: '';
  display: block;
  position: absolute;
}

.coming-soon .footer::before {
  background: transparent url(/skeleton/images/coming-soon-plant.png) no-repeat scroll center center;
  background-size: contain;
  width: 756px;
  height: 297px;
  left: calc(50% - 678px);
  top: -177px;
}

.coming-soon .footer::after {
  background: transparent url(/skeleton/images/coming-soon-laptop.png) no-repeat scroll center center;
  background-size: contain;
  width: 536px;
  height: 289px;
  right: calc(50% - 716px);
  top: -116px;
}