@charset 'utf-8';
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --primary--color: #337ab7;
  --success--color: #5cb85c;
  --info--coler: #5bc0de;
  --warning--color: #f0ad4e;
  --danger--color: #d9534f;
  --gray-darker: #222;
  --gray-dark: #333;
  --gray: #555;
  --gray-light: #777;
  --gray-lighter: #eee;
}
body {
  background-color: var(--gray-lighter);
}
header,
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.flex {
  display: flex;
}