diff --git a/src/styles/about.css b/src/styles/about.css index 35fd805..57ee134 100644 --- a/src/styles/about.css +++ b/src/styles/about.css @@ -234,11 +234,13 @@ button[type="submit"], button[type="reset"] { border-radius: 50px; font-size: 1rem; cursor: pointer; + box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4); transition: background-color 0.3s ease; } button[type="submit"]:hover, button[type="reset"]:hover { background-color: #2e97be; + box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4); } .honeypot-field { diff --git a/src/styles/header-footer.css b/src/styles/header-footer.css index 099d5a3..3f054c5 100644 --- a/src/styles/header-footer.css +++ b/src/styles/header-footer.css @@ -29,7 +29,7 @@ text-decoration: none; font-weight: 500; transition: all 0.3s ease; - padding: 8px 15px; + padding: 4px 15px; border-radius: 5px; position: relative; overflow: hidden; diff --git a/src/styles/index.css b/src/styles/index.css index 275e44f..e18f3ac 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -285,18 +285,19 @@ body { text-decoration: none; font-weight: 600; border-radius: 50px; + box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4); transition: background-color 0.3s ease, box-shadow 0.3s ease; } .demos-link:hover, .cta-button:hover { background-color: #2e97be; - box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); + box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4); } .demos-link:active, .cta-button:active { background-color: #ca6e0b; - box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); + box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4); } .project-steps {