.cafe {
	font-family: cursive;
	text-align: center;
}

body {
	background-image: url("background.png");
	background-attachment: fixed;
}

h1 {
	background-color: #80684d;
	color: #ffffff;
	
}

h2 {
	color: #332c22;
	text-shadow: 5px 3px 3px #e6d2b8;
}

.menubox {
	width: 300px;
	height: 375px;
	margin: 0 auto;
	border: double 10px #806d55;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #e6d2b8;
	font-size: 24px;
    font-family: cursive;
	text-align: center;
}

p {
	color: #332c22;
    border-bottom: 1px dashed #8b5a2b;
}

/*以下chatGPTの手助けあり*/

.button-area {
    text-align: center;
}

button {
    padding: 10px 20px;
    background-color: #80684d;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
}

/*chatGPTが付け加えてくれたボタンのスタイル変更*/
button:hover {
    background-color: #5f4d38;
}