Adjusting alert CSS (#61)

Enlarging title

Adding icons:
* 📝 Note
* 💡 Tip
* ❓ Warning

Indenting entire alert, 10%

Example:

![IMG_4436](https://github.com/user-attachments/assets/fe741d85-7a74-4d9f-9717-648a392f96e7)

Author: pronoiac

epub/stylesheet.css

@@ -1,3 +1,48 @@
+/* wrap long lines of code */
 pre, code {
   white-space: pre-wrap !important;
-}
+}
+
+
+/* for all alerts */
+.title {
+    font-weight: bold;
+    font-size: 150%;
+    margin-left: 10%;
+}
+
+
+/* for notes */
+.note::before {
+    content: "📝";
+    float: left;
+    font-size: 150%;
+}
+
+.note {
+  margin-left: 10%;
+}
+
+
+/* for tips */
+.tip::before {
+    content: "💡";
+    float: left;
+    font-size: 150%;
+}
+
+.tip {
+  margin-left: 10%;
+}
+
+
+/* for warnings */
+.warning::before {
+    content: "❓";
+    float: left;
+    font-size: 150%;
+}
+
+.warning {
+  margin-left: 10%;
+}