body {
  background-color: #DDD;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 700px) {
  body {
    margin: 0px;
    background-color: #FFF;
  }
}
#app {
  background-color: #FFF;
}

.footer {
  border-top: 1px solid #777;
}

/* Start.vue */
.login_external a {
  border: 1px solid grey;
}

.login_external a:hover {
  background-color: rgba(0, 140, 40, 0.15);
  text-decoration: none;
}

/* WhatToDo.vue */
.what_next > a {
  background-color: #DDD;
}
.what_next > a label {
  color: #000;
}/*# sourceMappingURL=colors-light.css.map */