*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --color-bg-dark: #1a2a2a;
  --color-bg-darker: #001918;
  --color-bg-lighter: #8ac5ad;
  --color-white: #ffffff;
  --color-green-primary: #1d6b4e;
  --section-padding: 80px 24px 50px;
  --container-max: 1300px;
  --font-size: 1.77vw;
  --font-weight-medium: 400;
}

html,
body {
  font-family: "Noto Sans TC", sans-serif;
  background: linear-gradient(
    to bottom,
    var(--color-bg-dark),
    var(--color-bg-lighter)
  );
  min-height: 100vh;
  color: var(--color-white);
  scroll-behavior: smooth;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

h5,
h4,
h3,
h2,
h1,
p,
div,
a,
span,
ul,
li,
dt,
dd {
  font-family:
    "微軟正黑體", "PingFang TC", "SF Pro TC", "SF Pro Text",
    "Microsoft JhengHei", "Helvetica Neue", "Noto Sans CJK TC", Helvetica,
    Arial, sans-serif;
  color: #000000;
}