@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap'); 

body {
	background: #fff8dc
}
title_container {
	text-align: center;
}

.swiper-container {
text-align: center;
}

h1{
	text-align: center;
	color: rgb(70, 130, 180);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}

p{
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	
}

ul{
	list-style: none;
	letter-spacing: 1em;
}

li{
	float: left;
}

.idou{
	line-height: 50px;
}
.game1{
	background-color: #ffd700;
	color: #100;
	border-radius: 10px;
	padding: 10px 30px;
	text-decoration: none;
	font-size: 1em;
	box-shadow: 0 5px 0 #b8860b;
}

.game2{
	background-color: #ffd700;
	color: #100;
	border-radius: 10px;
	padding: 10px 30px;
	text-decoration: none;
	font-size: 1em;
	box-shadow: 0 5px 0 #b8860b;
}

.map{
	background-color: #ffd700;
	color: #100;
	border-radius: 10px;
	padding: 10px 30px;
	text-decoration: none;
	font-size: 1em;
	box-shadow: 0 5px 0 #b8860b;
}

.game1:hover {
	color: #000;
	opacity: 0.6;
}

.game2:hover {
	color: #000;
	opacity: 0.6;
}

.map:hover {
	color: #000;
	opacity: 0.6;
}

button {
  width: 10em;
  height:3em;
}