/* FONT(S) */
@font-face {
  font-family: "Minecraftia";
  src: url('/shrines/fonts/minecraft/MinecraftRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Minecraftia";
  src: url('/shrines/fonts/minecraft/MinecraftBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Minecraftia";
  src: url('/shrines/fonts/minecraft/MinecraftItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Minecraftia";
  src: url('/shrines/fonts/minecraft/MinecraftBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* VARIABLES */
:root {
  --font: "Minecraftia";
  --text-color: #000;

  --main-color: #e52415;
  --accent-color: #ffec3b;

  --bg-color: #7c7c7c;
  --bg-img: url(/shrines/lego/lego-g.png);
  --bg-size: 100px;

  --logo-img: url(/shrines/lego/logo.png);
  --logo-texture: url(/shrines/lego/texture-g.png);

  --section-color: #fff;
  --section-texture: url(/shrines/lego/lego-wTR.png);
  --section-texture-size: 50px;
  --section-mask: none;

  --footer-img: url(/shrines/lego/footer.png);
  --footer-size: 75px;
}


/* Minor Changes to Default Formatting */


/* Styling for Side Images */

#pile {
  align-self: end;
  top: 2%;
  right: -5%;
  width: 100%;
  max-width: 350px;
}

#pile:hover {
  transform: rotate(6deg);
}

#minifig {
  top: 30%;
  left: 30%;
  width: 100%;
  max-width: 125px;

  transform: rotate(8deg);
  filter: drop-shadow(5px 8px 5px #0006);
}

#minifig:hover {
  transform: rotate(-10deg);
}

.logo2 {
  background-image: url("/shrines/lego/logo.png"), url("/shrines/lego/lego-g.png");
  background-blend-mode: overlay;
  height: 200px;
  width: 200px;
  background-size: contain, 50px;
  background-repeat: no-repeat, repeat;
}

.other {
  background-image: url("/shrines/lego/logo.png"), url("/shrines/lego/texture-g.png");
  background-blend-mode: color;
  height: 200px;
  width: 200px;
  background-size: contain;
}

.other2 {
  background-image: url("/shrines/lego/logo.png"), url("/shrines/lego/lego-g.png");
  background-blend-mode: overlay;
  height: 200px;
  width: 200px;
  background-size: contain;
}