Spaces:
Running
Running
Manual changes saved
Browse files
style.css
CHANGED
|
@@ -107,17 +107,17 @@ body {
|
|
| 107 |
}
|
| 108 |
.hovered-element {
|
| 109 |
transition: all 0.3s ease;
|
| 110 |
-
color: #
|
| 111 |
}
|
| 112 |
|
| 113 |
.hovered-element:hover {
|
| 114 |
-
color: #
|
| 115 |
transform: scale(1.03);
|
| 116 |
}
|
| 117 |
/* Category Buttons */
|
| 118 |
[data-category] {
|
| 119 |
transition: all 0.3s ease;
|
| 120 |
-
box-shadow: 0 2px 4px rgba(
|
| 121 |
border-radius: 9999px;
|
| 122 |
padding: 0.7rem 1.25rem;
|
| 123 |
display: inline-flex;
|
|
@@ -125,18 +125,18 @@ body {
|
|
| 125 |
gap: 0.5rem;
|
| 126 |
font-weight: 500;
|
| 127 |
border: 1px solid transparent;
|
| 128 |
-
color: #
|
| 129 |
}
|
| 130 |
|
| 131 |
[data-category] svg {
|
| 132 |
-
color: #
|
| 133 |
stroke: #6b7280;
|
| 134 |
}
|
| 135 |
[data-category]:hover:not(.active-category) {
|
| 136 |
background-color: #f3f4f6 !important;
|
| 137 |
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
| 138 |
border-color: rgba(180, 83, 9, 0.1);
|
| 139 |
-
color: #
|
| 140 |
}
|
| 141 |
.active-category {
|
| 142 |
background-color: #b45309 !important;
|
|
|
|
| 107 |
}
|
| 108 |
.hovered-element {
|
| 109 |
transition: all 0.3s ease;
|
| 110 |
+
color: #978a8a;
|
| 111 |
}
|
| 112 |
|
| 113 |
.hovered-element:hover {
|
| 114 |
+
color: #ff6f00;
|
| 115 |
transform: scale(1.03);
|
| 116 |
}
|
| 117 |
/* Category Buttons */
|
| 118 |
[data-category] {
|
| 119 |
transition: all 0.3s ease;
|
| 120 |
+
box-shadow: 0 2px 4px rgba(224, 207, 207, 0.05);
|
| 121 |
border-radius: 9999px;
|
| 122 |
padding: 0.7rem 1.25rem;
|
| 123 |
display: inline-flex;
|
|
|
|
| 125 |
gap: 0.5rem;
|
| 126 |
font-weight: 500;
|
| 127 |
border: 1px solid transparent;
|
| 128 |
+
color: #d0d8e9;
|
| 129 |
}
|
| 130 |
|
| 131 |
[data-category] svg {
|
| 132 |
+
color: #606570;
|
| 133 |
stroke: #6b7280;
|
| 134 |
}
|
| 135 |
[data-category]:hover:not(.active-category) {
|
| 136 |
background-color: #f3f4f6 !important;
|
| 137 |
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
| 138 |
border-color: rgba(180, 83, 9, 0.1);
|
| 139 |
+
color: #656a73;
|
| 140 |
}
|
| 141 |
.active-category {
|
| 142 |
background-color: #b45309 !important;
|