@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap');

body {
    background-image: url("../images/background.png");
}

.select {
    text-align: center;
}

.select a img{
    width: 65%;
    height: auto;
    padding: 120px 0 100px 0 ;
    text-align: center;
}
h1 {
    position: relative;
    padding-left: 300px;
    font-family: "Hannari", 'Caveat','Shippori Mincho', cursive;
    border-color: yellow;
    color: blue;
}
h2 {
    position: relative;
    text-align: center;
    font-size:70px;
    font-family: "Hannari", 'Caveat','Shippori Mincho', cursive;
    color: red;
    -webkit-text-stroke: 0.01px black;
    font-weight: 15px;
}
.op{
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}
#first{
	position: fixed;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 600px;
    font-family: 'Shippori Mincho', serif;
    font-size: 30px;
    color: white;
}#second{
	position: fixed;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 600px;
    font-family: 'Shippori Mincho', serif;
    font-size: 30px;
    color: white;
}
#third{
	position: fixed;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 600px;
    font-family: 'Shippori Mincho', serif;
    font-size: 30px;
    color: white;
}
#fourth{
	position: fixed;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 600px;
    font-family: 'Shippori Mincho', serif;
    font-size: 30px;
    color: white;
}