.boxes,
.box {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.box {
  height: 10em;
  width: 50%;
}

.one {
  background-color: cornflowerblue;
  order: 2;
}

.two {
  background-color: hotpink;
}

/* Extra styles… */

.top, .bottom {
  align-items: center;
  background-color: green;
  display: flex;
  height: 10vh;
  justify-content: center;
  width: 100%;
}

.top {
  background-color: darkseagreen;
}

.bottom {
  background-color: darkseagreen;
}

body {
  display: flex;
  flex-direction: column;
  max-width: 30em;
}