From ff8c2667f019bcf44a2f0aec522155adc9ae1865 Mon Sep 17 00:00:00 2001 From: Kishore K <156045347+Kish0reo07@users.noreply.github.com> Date: Fri, 18 Oct 2024 18:46:51 +0530 Subject: [PATCH] Update about.css i have update the code --- css/about.css | 59 ++++++++++++++++++++++++++------------------------- 1 file changed, 30 insertions(+), 29 deletions(-) diff --git a/css/about.css b/css/about.css index 91149e6..f992e51 100644 --- a/css/about.css +++ b/css/about.css @@ -1,38 +1,39 @@ -.about-section { - margin-top: 70px; - padding-top: 40px; - background: linear-gradient(135deg, rgba(28, 31, 36, 0.8), rgba(45, 59, 69, 0.8), rgba(0, 0, 0, 0.8)); - color: #dfe1e5; - text-align: center; - height: 82vh; - background-repeat: no-repeat; - background-size: cover; - position: relative; - overflow: hidden; +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; } -.about-section h2 { - font-size: 36px; - margin-bottom: 20px; +.container { + background-color: white; + padding: 20px; + border-radius: 5px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } -.about-section p { - font-size: 18px; - line-height: 1.6; - max-width: 800px; - margin: 0 auto 20px auto; +h2 { + margin-bottom: 10px; } -.about-section a { - display: inline-block; - padding: 10px 20px; - background-color: #007BFF; - color: white; - text-decoration: none; - border-radius: 5px; - transition: background-color 0.3s; +input { + width: 100%; + padding: 10px; + margin: 10px 0; } -.about-section a:hover { - background-color: #0056b3; +button { + width: 100%; + padding: 10px; + background-color: #007bff; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: #0056b3; }