deploy: c5e52d3

Author: beeezal

assets/cssStyle/style.css

@@ -0,0 +1,136 @@
+body {
+  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
+  background: #f8f9fb;
+  color: #232323;
+  letter-spacing: 0.01em;
+  font-size: 1.08rem;
+}
+
+/* Headings */
+h1, h2, h3 {
+  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+}
+
+h1 {
+  font-size: 2.6rem;
+  margin-bottom: 1.2rem;
+  color: #1a1a1a;
+}
+
+h2 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+  color: #2d2d2d;
+}
+
+h3 {
+  font-size: 1.4rem;
+  margin-bottom: 0.7rem;
+  color: #444;
+}
+
+.meta-links {
+  display: flex;
+  justify-content: center;
+  gap: 2.5rem;
+  margin-bottom: 2.5rem;
+  font-size: 1.08rem;
+}
+
+.meta-links a {
+  color: #2d2d2d;
+  text-decoration: underline;
+  transition: color 0.2s;
+}
+
+.meta-links a:hover,
+.meta-links a:focus {
+  color: #0056b3;
+}
+
+/* Chapter grid styling */
+.chapter-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.2rem 2.5rem;
+  max-width: 700px;
+  margin: 0 auto 2.5rem auto;
+}
+
+/* Styling of the last chapter link is odd */
+.chapter-grid-center {
+  grid-column: 1 / -1;
+  display: flex;
+  justify-content: center;
+}
+
+.chapter-link {
+  display: block;
+  background: #f4f6fa;
+  border-radius: 7px;
+  padding: 1.1rem 1.3rem;
+  font-size: 1.13rem;
+  font-weight: 500;
+  align-items: center;
+  color: inherit;
+  text-decoration: none;
+  box-shadow: 0 1px 6px rgba(0,0,0,0.03);
+  transition: box-shadow 0.2s, background 0.2s;
+}
+
+.chapter-link:hover,
+.chapter-link:focus {
+  background: #e8eef7;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
+  outline: none;
+}
+
+.chapter-grid-center .chapter-link {
+  width: 100%;
+  max-width: 350px; 
+  text-align: center;
+}
+
+.meta-centered {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 70vh;
+  font-size: 1.25rem;
+  text-align: left;
+  margin: 0 auto;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
+  padding: 2.5rem 2rem 2rem 2rem;
+  max-width: 1100px;
+}
+
+.meta-centered h1 {
+  text-align: center;
+  width: 100%;
+}
+
+.intro{
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
+  padding: 2.2rem 2rem 1.5rem 2rem;
+  margin: 2.5rem auto 2rem auto;
+  max-width: 800px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 700px) {
+  .chapter-grid {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+  .chapter-link {
+    padding: 1rem;
+    font-size: 1.08rem;
+  }
+}