project files

1 files changed, 20 insertions, 0 deletions

diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..66ef572
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,20 @@
+body { font-family: Georgia, serif; max-width: 1200px; margin: 0 auto; padding: 20px; line-height: 1.6; }
+.about-section { border-left: 5px solid #666; padding-left: 20px; margin: 25px 0; font-size: 0.9em; color: #555; }
+.additional-study { border-left: 5px solid #666; padding-left: 20px; margin: 25px 0; color: #555; }
+.nav { top:0; position: sticky; background: white; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px; }
+.nav select { margin-right: 10px; padding: 5px; }
+.canto { margin-bottom: 40px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
+.canto-header { margin-bottom: 20px; }
+.canto-title { font-size: 1.5em; font-weight: bold; margin-bottom: 5px; }
+.canto-subtitle { font-style: italic; color: #666; margin-bottom: 15px; }
+.translations { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-bottom: 20px; }
+.translation { border: 1px solid #ddd; padding: 10px; }
+.translation h4 { margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; color: #333; }
+/* norton */
+.translation:nth-child(3) .line { font-size: 1.2em; line-height: 1.4; }
+.line { margin-bottom: 5px; font-size: 0.95em; padding: 2px 4px; cursor: pointer; }
+.line:hover { background-color: #e6f3ff; }
+.line.highlighted { background-color: #ffeb3b; }
+.commentary { margin-top: 20px; }
+.commentary h4 { color: #444; margin-bottom: 5px; }
+.error { color: red; }