@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;
	filter: grayscale(100%);
	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{
  width:800px;
  height:1150px;
  background-image:url("bgs/001.PNG");
  background-size:100% 100%;
  margin:0 auto;
}
p{
  margin:0 auto;
  line-height: 1.2;
}
#abt{
  top:220px;
  left:220px;
  width:80px;
  height:80px;
  transform:rotate(-8deg);
}
#abt p{
  font-size:0.5em;
}
#nav{
  right:160px;
  top:140px;
  width:150px;
  height:150px;
  transform:rotate(0.8deg);
}
#status{
  left:175px;
  top:515px;
  width:110px;
  height:110px;
  transform:rotate(-22deg);
}
#rules{
  right:245px;
  top:585px;
  width:80px;
  height:85px;
  transform:rotate(7deg);
  font-size:0.7em;
}
#prices{
  left:90px;
  bottom:210px;
  width:90px;
  height:105px;
  transform:rotate(6deg);
  font-size:0.6em;
}
#socials{
  right:135px;
  bottom:145px;
  width:210px;
  height:140px;
  transform:rotate(-12deg);
}
button{
  background-color:black;
  border:3px transparent solid;
  border-image: url("borders/01.png") 75 round;
  width:100%;
  height:fit-content;
  padding:2px;
  color:white;
  background-clip: padding-box;
}
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;
  position:absolute;
}
.scroll::-webkit-scrollbar{
  display: none;
}