/* 2.2 SIGMA：整頁白底，logo 水平置中、放在畫面上方約 1/5 處 */
html, body {
  margin: 0;
  min-height: 100%;
  background: #fff;
  color-scheme: only light; /* 瀏覽器或手機開深色模式時，也不自動把白底改深 */
}

main {
  display: flex;
  justify-content: center;
  padding: 18vh 16px 0;
}

h1 {
  margin: 0;
  line-height: 0;
}

/* logo 寬度跟著視窗寬度等比例縮放：一般視窗占 50%，窄視窗（手機）占 86% */
h1 img {
  display: block;
  width: 50vw;
  height: auto;
}

@media (max-width: 700px) {
  h1 img {
    width: 86vw;
  }
}