* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
:root {
  --primary-color: #4169E1;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #333;
  background-color: #f5f5f5;
  /* background-color: #4169E1; */
}

header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: antiquewhite;
}
.continer {
  flex: 1;
  padding: 16px 12px;
}
.img {
  width: 120px;
}

/* @media (prefers-color-scheme: dark) {
  body {
    background-color: #333;
    color: #fff;
  }
} */