public/css/index.css

@@ -99,11 +99,11 @@ body {
 
 	opacity: 0.5;
 	transition: opacity 0.3s ease;
-}
 
-.open-source-logo:hover {
+	&:hover {
 		opacity: 1 !important;
 	}
+}
 
 .hidden {
 	display: none !important;
@@ -351,11 +351,11 @@ ul {
 	border: 1px solid var(--border-color);
 
 	transition: background-color 0.3s ease;
-}
 
-.activity:hover {
+	&:hover {
 		background: var(--card-hover-bg);
 	}
+}
 
 .activity-wrapper {
 	display: flex;
@@ -517,18 +517,18 @@ ul {
 	text-decoration: none;
 	transition: background-color 0.2s ease;
 	display: inline-block;
-}
 
-.activity-button:hover {
+	&:hover {
 		background-color: var(--button-hover-bg);
 		text-decoration: none;
 	}
 
-.activity-button:disabled {
+	&:disabled {
 		background-color: var(--button-disabled-bg);
 		cursor: not-allowed;
 		opacity: 0.8;
 	}
+}
 
 @media (max-width: 600px) {
 	html {