From 6a0f43c86180ce0b191596b6d745615a1bb998be Mon Sep 17 00:00:00 2001
From: Kaustubh Pandey <100949698+Kaustubh-2003@users.noreply.github.com>
Date: Tue, 24 Oct 2023 12:47:55 +0530
Subject: [PATCH] Update styles.css

added a shadow effect and transition on mouse hover to the msg box that appears after login
---
 styles.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/styles.css b/styles.css
index 832906e..3f9c5de 100644
--- a/styles.css
+++ b/styles.css
@@ -37,4 +37,16 @@ body {
     padding: 20px;
     border: 1px solid #ccc;
     width: 300px;
+    color: black;
+    background: #3085d6;
+    padding: 20px;
+    margin: auto;
+    border-radius: 5px;
+    transition: 0.5s;
 }
+
+#protected-content:hover {
+    color: white;
+    box-shadow: 0 5px 15px #10526e;
+  }
+