/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global.module.css ***!
  \***********************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap);
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global.module.css (1) ***!
  \***************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/global.module.css (2) ***!
  \***************************************************************************************************************************************************************************************/

/*
 * This is for global css usage.
 */
:root {
	--primary: #e9b44c;
	--secondary: #50a2a7;
	--error: #9b2915;
	--dark: #1c110a;
	--background: #e4d6a7;
	--green: #dbf4a7;
}
:root {
	font-family: Lato, 'Noto Sans TC', PingFangTC-Regular, 'Microsoft JhengHei', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color-scheme: dark;
	color: #e9b44c;
	color: var(--primary);
	background-color: #1c110a;
	background-color: var(--dark);
	font-synthesis: none;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-size-adjust: 100%;
}
* {
	outline: none;
	box-sizing: border-box;
}
a {
	font-weight: 500;
	color: #e9b44c;
	color: var(--primary);
	text-decoration: inherit;
}
a:hover {
	color: #535bf2;
}
/* For iOS 15 Safari bug */
html.no-scroll {
	height: 100vh;
}
body {
	margin: 0;
	width: 100%;
	max-width: 100vw;
	overflow-x: hidden;
}
body.no-scroll {
		position: fixed;
	}
#content {
	width: 100%;
}
h1 {
	font-size: 36px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 4px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
h2 {
	font-size: 32px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 4px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
h3 {
	font-size: 28px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: 2.5px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
h4 {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: 2.5px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
h5 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 2.5px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: 1.2px;
	color: #e9b44c;
	color: var(--primary);
	margin: 0;
}
button {
	border-radius: 8px;
	border: 1px solid transparent;
	padding: 0.6em 1.2em;
	font-size: 1em;
	font-weight: 500;
	font-family: inherit;
	background-color: #1c110a;
	background-color: var(--dark);
	cursor: pointer;
	transition: border-color 0.25s;
	color: #e9b44c;
	color: var(--primary);
}
button:hover {
	border-color: #e9b44c;
	border-color: var(--primary);
}
button:focus,
button.global-module__focus-visible___Ow8Pt {
	/* outline: 4px auto -webkit-focus-ring-color; */
	outline: none;
}
button:focus,
button:focus-visible {
	/* outline: 4px auto -webkit-focus-ring-color; */
	outline: none;
}
input {
	border-radius: 8px;
	border: 1px solid transparent;
	padding: 0.6em 1.2em;
	font-size: 1em;
	font-weight: 500;
	font-family: inherit;
	background-color: #e9b44c;
	background-color: var(--primary);
	transition: border-color 0.25s;
	color: #1c110a;
	color: var(--dark);
}
input:hover {
	border-color: #1c110a;
	border-color: var(--dark);
}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/organisms/Header/index.module.css ***!
  \**************************************************************************************************************************************************************************************************************/
.index-module__header___zX31C {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: var(--primary);
	background-color: var(--dark);
	padding: 20px 40px;
	border-bottom: 1px solid var(--primary);
}


/*# sourceMappingURL=app.d88830ab1aa98587ecad.css.map*/