*, *:before, *:after {
  position: relative;
  box-sizing: border-box;
}

body, h1, input {
  margin: 0px;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}


header {
  flex: none;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: $spacing/2 $spacing;

}

main {
  flex: 1 0 auto;
  width: 100%;

  display: flex;
  flex-direction: column;
  padding: $spacing;
}

body, button, input {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.alert {
  flex: none;
}