@font-face {
  font-family: 'Minecraft';
  src: url('/font/minecraft/MinecraftRegular-Bmg3.otf') format('opentype');
}

.site-header {
 background-image: url('/img/horizontal_scroll_big.png');
 background-position: center;
 background-repeat: no-repeat;
 align-items: center;
 display: flex;
 justify-content: center;
 flex-direction: column;
 height: 600px;
}

.site-header-logo {
transform: scale(.45);
  margin-top: -50px;
}

.site-header-navbar {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(2, auto);
  gap: 5px;
  width: fit-content;
  margin-top: -40px;
}

.site-header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-decoration: none;
  padding: 5px;
  box-sizing: border-box;
  gap: 5px;
  width: 160px;
  height: 50px;
}

.site-content {
background-image: url('/img/page_big.png');
background-repeat: no-repeat;
background-position: center;
background-size: 800px 1000px;
width: 800px;
height: 1000px;
margin: -50px auto 50px;
box-sizing: border-box;
padding: 60px 100px;
}

body {
background-image: url('https://i.ibb.co/bH3JY30/IE1G7Lr.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
min-height: 100vh;
margin: 0;
font-family: 'Minecraft', sans-serif;
}

.site-footer {

}

.rule-title {
  font-size: 18px;
  margin-bottom: -10px;
  padding-top: 10px;
}

.docs-link {
 display: block;
 text-align: center;
 margin: 0 auto;
}

.minecraft-button {
  font-family: 'Minecraft', sans-serif;
  color: white;
  background: #999 url('/img/minecraft_button.png') center / cover;
  border: 3px solid black;
  image-rendering: pixelated;
  text-decoration: none;
  box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7;
  border-radius: 3px;
  text-decoration: none;
  text-shadow: 2px 2px black;
}

.minecraft-button:hover {
  background: #999 url('/img/minecraft_button_hover.png') center / cover;
  color: #FFFFA0;
}

.minecraft-button img {
  height: 100%;
  width: auto;
}