body { font-family: 'Lato', sans-serif; background: #2c3e50; color: #ecf0f1; line-height: 1.8; margin: 0; padding: 20px; background-image: linear-gradient(45deg, #34495e 25%, transparent 25%), linear-gradient(-45deg, #34495e 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #34495e 75%), linear-gradient(-45deg, transparent 75%, #34495e 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; } #booklet-container { max-width: 800px; margin: 0 auto; background: rgba(0, 0, 0, 0.7); border-radius: 15px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } #booklet-content { padding: 30px; min-height: 400px; background: rgba(255, 255, 255, 0.1); border: 10px solid #34495e; border-image: linear-gradient(45deg, #e74c3c, #3498db, #2ecc71, #f1c40f) 1; } .glass-panel { background: rgba(255, 255, 255, 0.2); padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } h1 { font-family: 'Cinzel Decorative', cursive; font-size: 2.5em; color: #f1c40f; text-align: center; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } h2 { font-family: 'Cinzel Decorative', cursive; font-size: 1.8em; color: #3498db; margin-top: 20px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } p { font-size: 1.1em; margin-bottom: 15px; text-shadow: none; background: rgba(0, 0, 0, 0.6); padding: 15px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #navigation { display: flex; justify-content: space-between; padding: 20px; background: #34495e; } button { font-family: 'Cinzel Decorative', cursive; font-size: 1em; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; } #prev-button { background: linear-gradient(45deg, #e74c3c, #3498db); color: #fff; } #next-button { background: linear-gradient(45deg, #3498db, #2ecc71); color: #fff; } button:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } button:disabled { background: #7f8c8d; cursor: not-allowed; transform: none; box-shadow: none; } /* Add this to your HTML section: */