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

body {
	background: white
}
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;
}

.game{
	display: flex;
	justify-content: space-between;
}


li{
	float: left;
}

.idou{
	line-height: 50px;
}
.game1, .geme2, .map{
	flex: 1 1 0;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
	font-size: 1em;
	background-color: #add8e6;
	box-shadow: 0 5px 0 #bbe2f1
}
 .wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

button {
  width: auto;
  min-width: 8em;
  height: 3em;
  margin: 0.5em;
}
/*.game1{
	background-color: #add8e6;
	color: #100;
	border-radius: 10px;
	padding: 10px 30px;
	text-decoration: none;
	font-size: 1em;
	box-shadow: 0 5px 0 #bbe2f1;
}

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

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

.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;
}