@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 */
  }
  @font-face {
    font-family: 'Helvetica';
    src: url('../../src/font/Helvetica-Bold.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;
    font-family: "levi";
    text-align: center;

}
.container{
    position: relative;
    width: 900px; /* Set a width for the container */
    margin: 0 auto;
}
.Chapters{
font-size: 30px;
color: wheat;
position: relative;
top: 50px;
}

.content{
    padding: 5px;
    word-spacing: 5px; 
    color: white;
    font-size: 20px;
}


::-webkit-scrollbar {
    display: none;
}




/* Hide scrollbar for IE, Edge, and Firefox */
/* Note: Firefox currently does not support hiding the scrollbar */
html {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* Additional CSS */

.back-button {
    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 */
}

a {
    color: red; /* Set the color of hyperlinks to white */

  }