body{
background: #000000;

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: 14px;
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: 50px; 
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
{
max-width: 250px;          
height: auto;         
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;
}

/* Hover 'pop' effect: smoothly scale and lift image on mouse hover */
.pictures a{
	position: relative;
	display: inline-block;
}
.pictures a img{
	transition: transform 220ms ease, box-shadow 220ms ease;
	will-change: transform;
}
.pictures a:hover img{
	transform: translateY(-8px) scale(1.12);
	z-index: 5;
	box-shadow: 0 25px 40px rgba(0,0,0,0.65);
}
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;
}

/* Mobile: make thumbnails 100px larger (from 250px -> 350px) */
@media screen and (max-width: 480px) {
	.pictures img {
		max-width: 350px;
		width: 100%;
	}
}