/* 1. Define the custom font so the browser knows what 'Tipo20' is. */
@font-face {
  font-family: 'Tipo20';
  src: url('/static/assets/fonts/TIPO_01.ttf') format('truetype');
}

/* 2. Create a custom class to apply the font and a new color. */
.custom-app-title {
  font-family: 'Tipo20', sans-serif; /* Use your font, with a fallback */
  color: #ffc107 !important; /* A custom orange color. Change this hex code as needed! */
  font-size: 96px !important; /* <-- Add this line */  
  /* --- Add these properties for the pixelated effect --- */
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  image-rendering: pixelated;
}