Adds some nice images and tidies up funnel page

1 files changed, 11 insertions, 1 deletions

diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index 29a4e18..d475b2a 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -86,8 +86,9 @@ p, label, button {
 
 .custom-text {
     font-family: 'Roboto', sans-serif;
+    font-size: 1.1rem;
     font-weight: 400;
-    line-height: 1.5;
+    line-height: 1.7;
     color: #212529;
 }
 
@@ -104,6 +105,15 @@ p, label, button {
   border-color: #eed3d7;
 }
 
+.rotated-image {
+    transform: rotate(0deg); /* Existing rotation */
+    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); /* Existing drop-shadow */
+    transition: transform 0.3s ease; /* Smooth transition for the hover effect */
+}
+
+.rotated-image:hover {
+    transform: rotate(3deg) translateY(-5px); /* Move the image up slightly on hover */
+}
 
 /*@font-face {*/
 /*  font-family: 'Franklin';*/