body {
	background-color: lightyellow;
	max-width:1000px;
	margin-top:0;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:0;
	overflow-x: none;
}

a {color: silver;}


h1 {

	color:silver;
	text-align: center;
	position: center;
	font-size: 25px;
	transform:rotate(3deg);
	
	
}   

h2 { 
color:silver; }

h3 {color: silver;}


h4 {color: silver;
text-align: center;
font-size:22px
}

P { color:silver; }

div.griditem img:hover {
	filter:blur(5px);
}





p{	
	font-size: 15px;
	line-height: 1.2em;
	text-align: center;
}

p.text{
	font-size: 18px;
	text-align: center;
	flex:1;


}


dd {color: silver;
}

dt {color: silver;}


div.grid {
	display: grid;
	margin:auto;
	max-widht:auto-fill;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
	padding-top:2em;
}

div.griditem img{
	width: 100%;
	aspect-ratio: 1.4;
	display:block;
}



.jo {
	width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;

	border: dotted silver;
	padding: 5px;

}

div.intro img:hover {
	filter:blur(1px);
}

div.info{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap:40px;
	margin-left:auto;
	margin-right: auto;

}