html,
body {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #eafef1 53%, #518891 53%);
  overflow: hidden;
}
html *,
body * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}
html *:before, html *:after,
body *:before,
body *:after {
  content: "";
  position: absolute;
}

.car {
  width: 75vmin;
  height: 30vmin;
}
.car .body {
  z-index: 2;
  width: inherit;
  height: 14.9vmin;
  background: #f23838;
  top: 7.4vmin;
  border-top-right-radius: 7vmin;
  border-top-left-radius: 4vmin;
  border-bottom: 3.8vmin solid #ffffff;
  border-bottom-right-radius: 1vmin;
  border-bottom-left-radius: 1vmin;
}
.car .body::before {
  width: 24vmin;
  height: 4.5vmin;
  background: #f23838;
  transform: rotate(-12deg);
  top: -2.4vmin;
  border-top-left-radius: 4vmin;
}
.car .body::after {
  width: 23.5vmin;
  height: 11.5vmin;
  background: #f23838;
  left: 33.2vmin;
  top: -11.2vmin;
  transform: skewX(35deg);
}
.car .seat {
  z-index: 3;
  width: 18.4vmin;
  height: 3.7vmin;
  background: #1c234e;
  top: -11.2vmin;
  left: -18.8vmin;
}
.car .seat::before {
  width: 7.4vmin;
  height: 7.4vmin;
  background: #1c234e;
  border-radius: 50%;
  top: -3.8vmin;
}
.car .seat::after {
  width: 7.4vmin;
  height: 7.4vmin;
  background: #1c234e;
  border-radius: 50%;
  top: -3.8vmin;
  left: 11.2vmin;
}
.car .mirror {
  z-index: 4;
  width: 19.4vmin;
  height: 7.5vmin;
  background: #ffffff;
  left: 21.7vmin;
  top: -15vmin;
  transform: skewX(35deg);
}
.car .mirror::before {
  width: 4vmin;
  height: 9vmin;
  background: #f23838;
  left: -4.3vmin;
  top: -1vmin;
}
.car .lamp {
  z-index: 4;
  width: 4vmin;
  height: 3.8vmin;
  background: #ffffff;
  left: 34vmin;
  top: 3.8vmin;
  border-bottom-left-radius: 4vmin;
}
.car .lamp::before {
  width: 4vmin;
  height: 3.8vmin;
  background: #ffffff;
  left: 3.7vmin;
  border-top-right-radius: 4vmin;
}
.car .lamp::after {
  width: 3.7vmin;
  height: 3.8vmin;
  background: #ffffff;
  left: 18.8vmin;
  border-top-left-radius: 4vmin;
}
.car .tyre-right {
  z-index: 4;
  width: 15vmin;
  height: 15vmin;
  border-radius: 50%;
  background: #ffffff;
  border: 3.7vmin solid #1c234e;
  left: -52.3vmin;
  top: 15vmin;
}
.car .tyre-right::before {
  width: 7.5vmin;
  height: 7.5vmin;
  border-radius: 50%;
  background: #ffffff;
  border: 3.7vmin solid #1c234e;
  left: 30vmin;
  top: -3.6vmin;
}
.car .tyre-left {
  z-index: 1;
  width: 14.5vmin;
  height: 14.5vmin;
  background: #1c234e;
  border-radius: 50%;
  top: 15.8vmin;
  left: -15vmin;
}
.car .tyre-left::before {
  width: 14.5vmin;
  height: 14.5vmin;
  background: #1c234e;
  border-radius: 50%;
  left: 33.8vmin;
}