@font-face {
  font-family: 'bree serif';
  src: url('../font/BreeSerif-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+4E00-9FFF;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../font/JetBrainsMono-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-007F;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../font/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: normal;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../font/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../font/open-sans-v17-latin-ext_latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
html {
  background-color: #ffffff;
}
body {
  font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, "Segoe UI Emoji", sans-serif;
  font-size: 1rem;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 100vh;
}
.header {
  width: 1140px;
  height: 80px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.header .header-left {
  font-size: 32px;
}
.header .header-right {
  font-size: 18px;
  text-align: right;
}
.header a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.header a:hover {
  text-decoration: underline;
}
.footer {
  font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, "Segoe UI Emoji", sans-serif;
  max-width: 1140px;
  height: 40px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  line-height: 40px;
}