html, body {
  padding: 0;
  margin: 0;
  background-color: black; }

.layout-item {
  box-shadow: inset 0 0 2px 3px black;
  transition: background-color .1s ease-out; }

#nw {
  position: absolute;
  border-top-left-radius: 100%;
  background-color: #660000; }
  #nw.active {
    background-color: red; }

#ne {
  position: absolute;
  border-top-right-radius: 100%;
  background-color: #000066; }
  #ne.active {
    background-color: blue; }

#sw {
  position: absolute;
  border-bottom-left-radius: 100%;
  background-color: #145214; }
  #sw.active {
    background-color: limegreen; }

#se {
  position: absolute;
  border-bottom-right-radius: 100%;
  background-color: #666600; }
  #se.active {
    background-color: yellow; }

#center {
  position: absolute;
  border-radius: 100%;
  background-color: black; }

/*# sourceMappingURL=main.css.map */