body{
	background-color: #E8E6E3;
}
.menu{
	background-color: #E8E6E3 ;
	display : flex;
	flex-wrap:wrap;
}
.element{
	background-color: none;
	flex: 1 1 30% ;
	margin: 1vh;
	filter:greyscale(0);
	mix-blend-mode:none;
}
.element:hover{
	background-color: none;
	flex: 1 1 30% ;
	margin: 1vh;
	filter:greyscale(1);
	mix-blend-mode:hard-light;
}
.element2{
	background-color: none;
	flex: 1 1 30% ;
	text-align: right;
	font-size:25px;
	color:#34549B;
	font-family:garamond bold;
	margin: 2vh;
	filter:greyscale(0);
	mix-blend-mode:none;
}
.element2:hover{
	background-color: none;
	flex: 1 1 30% ;
	text-align: right;
	font-size:25px;
	color:#34549B;
	font-family:garamond bold;
	margin: 2vh;
	filter:greyscale(1);
	mix-blend-mode:hard-light;
}

.grandclass{
	display: flex;
}

.scroll-container{
	width: 60%;
	overflow-x: auto;
	white-space: nowrap;
	padding: 10px 0;
	flex: 1 1 50% ;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	
}

.item{
	display: inline-block;
	width : 250px
	height: 150px;
	margin-right:15px;
	scroll-snap-align: center;
	border-radius: 1rem;

}

.explain {
	width: 40%;
	display: flex;
	padding: 10px 10px;
	flex-wrap:wrap;
}

.text1{
	flex: 1 1 30% ;
	font-family:garamond bold;
}