From 0a0b6d6e20e80084be3aad8bd53f83163db261bb Mon Sep 17 00:00:00 2001 From: sageTheDm Date: Wed, 9 Oct 2024 13:45:33 +0200 Subject: [PATCH] Update styles.css --- styles.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/styles.css b/styles.css index 4ffdd33..15d6e49 100644 --- a/styles.css +++ b/styles.css @@ -148,6 +148,41 @@ footer { width: 100%; } +.repository { + text-align: center; + padding: 40px 20px; + background-color: #f0f3da; /* Light background for repository section */ + margin: 40px 0; + border-radius: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + transition: transform 0.3s; +} + +.repository p{ + margin-bottom: 30px; +} + +.repository:hover { + transform: translateY(-5px); /* Lift effect on hover */ +} + +.repo-button { + background-color: #8B9635; /* Primary button color */ + color: #FCFCEB; + padding: 15px 30px; + margin: 1em; + text-decoration: none; + border-radius: 5px; + font-size: 1.2rem; + transition: background-color 0.3s ease, transform 0.2s; +} + +.repo-button:hover { + background-color: #6E7629; /* Darker button color on hover */ + transform: translateY(-2px); /* Lift effect */ +} + + /* Responsive Styles */ @media (max-width: 768px) { .hero h1 {