body { 
background-image:url("bgindex.png");

 } 
 
 .container{
	text-align:center;
	margin: 0 auto;
	margin-top:0;
	margin-bottom: 0 auto;
	background-image:url("romdarkpattern.png");
	border: 20px solid;
	border-image-source: url("borderid.png");
	border-image-slice: 20;
	border-image-repeat: round;
 }
 
 span { 
	font-size:7.5pt;
	font-family:Serif;
	color:#c2411d;
	text-shadow: 2px 1px #570a35;
} 

.item { 
	margin-top:20px;
	display: inline-block; 
	padding:0px; 
	margin-left: 2px; 
	text-align: center; 
	max-width: 10%; 
	border: 20px solid;
	border-image-source: url("borderimg.png");
	border-image-slice: 20;
	border-image-repeat: round;
	background-image:url("bgindex.png");
} 

.item img {
	width: 100%; 
}
.item:hover {
	position:relative;
	top:3px;
	animation: rainboo 1s;



}
h1 {
	position:relative;
	top:35px;
	color:#6b6e53;
	text-shadow: 2px 1px #570a35;
	text-align:center;
	font-size:3.5em;
	width:30vw;
	margin-top: 5%;
	margin-left:33vw;
	background-image:url("romdarkpattern.png");
	border: 20px solid;
	border-image-source: url("borderid.png");
	border-image-slice: 20;
	border-image-repeat: round;
}