From 888f5141eca6197b354963a9cfbf903ab6c18729 Mon Sep 17 00:00:00 2001 From: Ayush Deb Date: Fri, 24 May 2024 09:59:41 +0530 Subject: [PATCH 1/2] Enhanced the contact section --- assets/contact/contact.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/assets/contact/contact.css b/assets/contact/contact.css index 099616103..891926f7d 100644 --- a/assets/contact/contact.css +++ b/assets/contact/contact.css @@ -30,25 +30,24 @@ header { margin: 0 auto; padding: 25px; padding-top: 10px; - background: rgb(245, 230, 230); - background: linear-gradient(177deg, rgba(245, 230, 230, 0.7232142857142857) 40%, rgba(249, 249, 249, 0.21621148459383754) 100%, rgba(0, 0, 0, 1) 100%); + background: linear-gradient(177deg, rgba(58, 83, 114, 0.7) 40%, rgba(124, 85, 127, 0.5) 100%); border-radius: 20px; display: grid; justify-content: center; align-items: center; - box-shadow: -10px -10px 50px #b400a5; + box-shadow: -10px -10px 50px #6278da; } .contact-container h2 { font-family: Ubuntu; font-size: 4rem; - text-shadow: 2px 2px 10px var(--light); + text-shadow: 2px 2px 10px #1d243b; margin-top: 16px; - color: white; + color: #fff; } .contact-container p { - color: black; + color: #ddd; font-size: 17px; font-weight: 500; margin-bottom: 28px; @@ -81,7 +80,7 @@ textarea { input:hover, textarea:hover { - box-shadow: 5px 5px 10px black; + box-shadow: 5px 5px 10px rgb(19, 28, 112); } button { @@ -93,14 +92,14 @@ button { border: none; border-radius: 15px; color: #ffffff; - background: #ff1b82; + background: #820f3f; cursor: pointer; transition: 0.5s ease-in-out; } button:hover { transform: scale(1.02); - background: #ff6984; + background: #60094e; } /*----------------------------------------------- Updated Footer Styling ---------------------------------------*/ From cd9e8d6bed4b5d313c89eb3c282e87178189c0b7 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Sat, 25 May 2024 20:28:57 +0530 Subject: [PATCH 2/2] Update contact.css --- assets/contact/contact.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/assets/contact/contact.css b/assets/contact/contact.css index 735d3ce7a..3e1807298 100644 --- a/assets/contact/contact.css +++ b/assets/contact/contact.css @@ -30,26 +30,24 @@ header { margin: 0 auto; padding: 25px; padding-top: 10px; - background: linear-gradient(177deg, rgba(58, 83, 114, 0.7) 40%, rgba(124, 85, 127, 0.5) 100%); + background: linear-gradient(177deg, rgba(245, 230, 230, 0.7232142857142857) 40%, rgba(249, 249, 249, 0.21621148459383754) 100%, rgba(0, 0, 0, 1) 100%); border-radius: 20px; display: grid; justify-content: center; align-items: center; - box-shadow: -10px -10px 50px #6278da; - box-shadow: -10px -10px 50px #b400a5; + box-shadow: -5px -5px 25px #b400a5; overflow: auto; } .contact-container h2 { font-family: Ubuntu; font-size: 4rem; - text-shadow: 2px 2px 10px #1d243b; margin-top: 16px; - color: #fff; + color: white; } .contact-container p { - color: #ddd; + color: black; font-size: 17px; font-weight: 500; margin-bottom: 28px; @@ -87,7 +85,7 @@ textarea { input:hover, textarea:hover { - box-shadow: 5px 5px 10px rgb(19, 28, 112); + box-shadow: 5px 5px 10px black; } button { @@ -99,14 +97,14 @@ button { border: none; border-radius: 15px; color: #ffffff; - background: #820f3f; + background: #ff1b82; cursor: pointer; transition: 0.5s ease-in-out; } button:hover { transform: scale(1.02); - background: #60094e; + background: #ff6984; } /*----------------------------------------------- Updated Footer Styling ---------------------------------------*/