/* Your existing CSS */
@font-face {
  font-family: 'mreg';
  src: url('misc/Font/MinecraftRegular-Bmg3.otf') format('truetype');
  /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
  /* You might include font-weight and font-style declarations for different font variations */
}
@font-face {
    font-family: 'mitalic';
    src: url('misc/Font/MinecraftItalic-R8Mo.otf') format('truetype');
    /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
    /* You might include font-weight and font-style declarations for different font variations */
  }
  @font-face {
    font-family: 'mbold';
    src: url('misc/Font/MinecraftBold-nMK1.otf') format('truetype');
    /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
    /* You might include font-weight and font-style declarations for different font variations */
  }
  @font-face {
    font-family: 'mbitalic';
    src: url('misc/Font/MinecraftBoldItalic-1y1e.otf') format('truetype');
    /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
    /* You might include font-weight and font-style declarations for different font variations */
  }
      
  @font-face {
    font-family: 'levi';
    src: url('../../src/font/classic.ttf') format('truetype');
    /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
    /* You might include font-weight and font-style declarations for different font variations */
  }

body {
    background-color: black;
}

/* Styling for the felon information */
/* Your existing CSS */
/* ... (existing styles) */

/* Additional CSS for scrollable container */
.Felons {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    overflow-x: hidden; /* Hide horizontal overflow */
    overflow-y: auto; /* Enable vertical scrolling */
    padding-bottom: 20px; /* Add some padding to the bottom for space */
  }
  

.felon {
    color: white;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
    text-align: center; /* Centers text */
    padding: 2%;
}

.index {
    font-size: 30px;
    font-family:"mreg";
    color: white;
}

.userId {
    font-size: 30px;
    font-family:"mbold";
    color: red;
}

.aka {
    font-size: 30px;
    font-family:"mbold";
    color: white;
    display: block;
}

.username {
    font-size: 30px;
    font-family:"mreg";
    color: red;
}

.reason {
    font-size: 30px;
    font-family:"mbitalic";
    color: gray;
}

.back-button {
  font-family: 'levi';
  position: fixed;
  top: 20px;
  left: 20px;
  color: yellow;
  text-decoration: none;
  font-size: 18px;
  z-index: 9999; /* Ensures it's above other elements */
}

.content {
  padding-top: 40px; /* To ensure content doesn't get hidden behind the button */
}