improved contact card shadows

Synaptic149 · Synaptic149 · commit 638cb370f8ff · 2025-05-09T10:40:01.000-07:00
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -4123,14 +4123,14 @@ input, select, textarea {
 
 .card {
 	/* Add shadows to create the "card" effect */
-	box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2);
+	box-shadow: 0 8px 16px 0 #db211e;
 	transition: 0.3s;
 	text-align: center;
 }
 
 /* On mouse-over, add a deeper shadow */
 .card:hover {
-	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+	box-shadow: 0 16px 32px 0 #db201e;
 }
 
 /* Add some padding inside the card container */

Original file line number	Diff line number	Diff line change
`@@ -4123,14 +4123,14 @@ input, select, textarea {`
`4123`	`4123`
`4124`	`4124`	`.card {`
`4125`	`4125`	`/* Add shadows to create the "card" effect */`
`4126`		`- box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2);`
	`4126`	`+ box-shadow: 0 8px 16px 0 #db211e;`
`4127`	`4127`	`transition: 0.3s;`
`4128`	`4128`	`text-align: center;`
`4129`	`4129`	`}`
`4130`	`4130`
`4131`	`4131`	`/* On mouse-over, add a deeper shadow */`
`4132`	`4132`	`.card:hover {`
`4133`		`- box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);`
	`4133`	`+ box-shadow: 0 16px 32px 0 #db201e;`
`4134`	`4134`	`}`
`4135`	`4135`
`4136`	`4136`	`/* Add some padding inside the card container */`