body{
background: #1b1b1b;
margin: 0;
height: auto;
width: 100%;
}
.wrapper{
width: 100%;
margin: auto;
}
.header{
display: flex;
flex-direction: column;
text-align: center;
height: 20px;
justify-content: center;
margin-top: 15px;
}
video{
height: auto;
width: 100%;
}
h1{
color: rgb(255, 255, 255);
margin: auto;
font-family: "Comfortaa";
font-size: 12px;
font-weight: 100;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
padding-top: 3px;
}
a:hover{
color: rgb(51, 255, 0);
}
a{
text-decoration: none;
color: rgb(255, 255, 255);
font-family: "Comfortaa";
}
.buttonmenu{
display: flex;
position: relative;
justify-content: space-around;
position: relative;
margin-top:15px;
}
.pictures{
display: flex;
justify-content: center;
align-items: center;
gap: 20px; 
width: 80%;
margin:auto;
flex-wrap: wrap;
margin-top: 30px;

}
.shigazo img,
.gogazo img,
.shichigazo img,
.hachigazo img,
.kugazo img,
.ichigazo img,
.nigazo img,
.sangazo img,
.jugazo img,
.juuichi img,
.juuni img,
.backgazo img,
.pencil img,
.penciltwo img,
.wdragon img,
.ldragon img,
.bdragon img
{
max-width: 300px;          
height: 200px;         
border-style: solid;
border-width: 5px;
border-color:rgb(255, 255, 255);
filter: drop-shadow(3px 10px 6px rgba(1, 1, 3, 0.5));
border-radius:10px;
overflow: hidden;


}


.pictures a {
	position: relative;
	display: inline-block;
	perspective: 800px;
}
.pictures a img {
	transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease;
	transform-origin: center center;
	will-change: transform;
}
.pictures a:hover img,
.pictures a:focus img {
	transform: translateY(-12px) translateX(6px) scale(1.08);
	z-index: 5;
	box-shadow: 0 30px 50px rgba(0,0,0,0.65);
}


@media (hover: none) {
	.pictures a img {
		transition: none;
		transform: none !important;
		box-shadow: none !important;
	}
}
h5{
 color: rgb(255, 255, 255);
font-family: "Comfortaa";
font-size: 10px;
 font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin:auto;
justify-content: center;
align-items: center;
display: flex;
position: relative;
margin-top: 15px;
padding:1%;
}

@media screen and (min-width: 650px) {
.buttonmenu{
margin:auto;
}
.buttonmenu{
display: flex;
position: relative;
justify-content: space-around;
width: 50%;
margin-top:15px;
}