@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

@font-face {
  font-family: "TLOU";
  src: url("./assets/fonts/pressgothic.otf");
}

body {
  font-family: "Montserrat", sans-serif;
}

.tlou-font {
  font-family: "TLOU", sans-serif;
}

.tlou-eroded {
  font-family: "TLOU", sans-serif;
  color: transparent;

  background-image:
    url("./assets/grunge-texture.png"),
    linear-gradient(#ffffff, #ffffff);

  background-size: 260px 260px, 100%;
  background-position: center;
  background-repeat: repeat;

  -webkit-background-clip: text;
  background-clip: text;
}