@font-face {
	font-family: "RA"; /*a name to be used later*/
	src: url("/fonts/RomanAntique.ttf"); /*URL to font*/
}

* {
	position: relative;
	box-sizing:border-box;
	font-family: RA;
}
a, a:visited {
	color: white;
}
body{
	padding: 3% 0;
	color: white;
	background-image: url("/bg/02.gif");
	background-color: black;
	text-align: center;
	overflow-x:visible;
}
main{
  border:25px solid transparent; 
  border-image:url("borders/02.png") 115 round;
  background-color:black;
  background-image: url("bgs/001.gif");
  background-size:75px 65px;
  width:900px;
  height:825px;
  margin:0 auto;
  background-clip: padding-box;
  padding:4%;
}
main::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  width:100%;
  height:100%;
}
main > .scroll > div{
  display:grid;
  grid-template-columns:32% 32% 32%;
  gap:1%;
  /*grid-template-rows:280px;*/
  width:100%;
  height:100%;
  overflow:auto;
}
section{
  border:2px ridge white;
  width:100%;
  height:250px;
  border-radius:10px;
}
img{
  pointer-events: none;
}
.imgtxt{
  height:1em;
  width:auto;
  vertical-align: middle;
}
.center{
  text-align: center;
}
.scroll{
  width:100%;
  height:100%;
  overflow:auto;
  -ms-overflow-style: none;  
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar{
  display: none;
}
#mafuyu{
  background-image:url('bgs/002.jpeg');
  background-size:100% 100%;
  border:4px mediumpurple ridge;
}
#mafuyu h2{
  position:absolute;
  filter:drop-shadow(1.5px 1.5px 0 indigo) drop-shadow(-1.5px 1.5px 0 indigo) drop-shadow(1.5px -1.5px 0 indigo) drop-shadow(-1.5px -1.5px 0 indigo);
  bottom:-10px;
  left:50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size:1.2em;
}