wall.css

@media (color) {
  :root {
    background: #bae;
    color: #212;
  }

  ::selection {
    background: lavenderblush;
    color: #111;
  }

  :link,
  :visited {
    color: inherit;
  }
}

:root {
  font-family: sans-serif;
  font-size: calc(1em + 1vmin);
}

body {
  margin: 1rem;
  padding: 1rem;
}

.speak {
  float: left;
  max-width: 10vmin;
  padding: 1rem;
  display: block;
}

.bedroom {
  margin: 0;
  display: block;
}

.bed {
  float: left;
  box-shadow:
    1ex 0 0 1ex lavenderblush,
    0 1ex 0 1ex lavender;
  display: block;
  width: 60vmin;
  height: 60vmin;
  margin: 10vmin;
  background: lavender;
  border-radius: 1rem;
  border-style: solid;
  border-color: lavenderblush;
  border-width: 0;
  border-top-width: 20vmin;
  transition-duration: 222ms;
  transition-property: border;
  transition-timing-function: ease-in-out;
  color: #212;
}

@media (orientation: landscape) {
  .bed {
    border-width: 0;
    border-left-width: 20vmin;
  }
}