From a4d3966ce2c4be2fafd3cc0f92aeda07b608bd8b Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Sun, 1 Dec 2024 17:42:16 +0000 Subject: Adds some nice images and tidies up funnel page --- alphabetlearning/static/css/project.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'alphabetlearning/static/css') 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';*/ -- cgit v1.2.3