:root {
	--kanzo-color: rgb(253, 169, 0); /* 萱草色 */
	--oitake-color: rgb(118, 145, 100); /* 老竹色 */
	--akane-color: rgb(183, 40, 46); /* 茜色 */
	--sekichiku-color: rgb(229, 171, 190); /* 石竹色 */
	--susu-color: rgb(136, 127, 122); /* 煤色 */
	--susutake-color: rgb(111, 81, 76); /* 煤竹色 */
	--ai-color: rgb(22, 94, 131); /* 藍色 */
	--kasumi-color: rgb(200, 194, 198); /* 霞色 */
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

.header-account-bar {
	background-color: var(--kanzo-color);
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

.account-icon {
	background-image: url(./dn_logo1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 10px 20px 10px 20px;
}

.header-account-name-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.header-account-name {
	margin: 0;
	color: white;
	font-size: 2rem;
	font-weight: bold;
}

.header-account-summary {
	color: white;
	font-size: 1rem;
}

main {
	margin-top: 100px;
}