From 6c42aa2348841fa60d563a29c211ee2ece756ac7 Mon Sep 17 00:00:00 2001 From: Ashmita Date: Sun, 28 Jul 2024 14:08:46 +0530 Subject: [PATCH] enhancement of home page --- css/sec2.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/css/sec2.css b/css/sec2.css index fe3d84b..d838ff9 100644 --- a/css/sec2.css +++ b/css/sec2.css @@ -61,12 +61,21 @@ } .s2text { - /* border: 1px solid green; */ width: 35rem; padding: 1rem; - /* margin: 0 3vw; */ + background: rgba(255, 255, 255, 0.1); /* Semi-transparent background */ + border-radius: 15px; /* Rounded corners */ + border: 1px solid rgba(255, 255, 255, 0.2); /* Semi-transparent border */ + backdrop-filter: blur(10px); /* Blur effect */ + -webkit-backdrop-filter: blur(10px); /* Blur effect for Safari */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), /* Shadow for depth */ + 0 1px 3px rgba(0, 0, 0, 0.1); + color: --element-color; /* Black text color for contrast */ + background-image: linear-gradient(to right, rgba(135, 206, 235, 0.2), rgba(148, 0, 211, 0.2)); /* Gradient background with sky blue and bright purple */ + border-image: linear-gradient(to right, skyblue, violet) 1; /* Gradient border with sky blue and bright purple */ } + /* .div{ margin: 1.3vw 0; font-family: 'Poppins';