Update style.css

style.css

@@ -77,7 +77,13 @@ footer {
   color: white;
 }
 
-/* Responsive Design */
+/* Animasi Fade In */
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+/* Responsive Design untuk Layar Kecil (Mobile) */
 @media (max-width: 768px) {
   header nav ul {
     flex-direction: column;
@@ -101,15 +107,18 @@ footer {
   }
 }
 
-/* Animasi Scroll */
-@keyframes fadeIn {
-  0% { opacity: 0; }
-  100% { opacity: 1; }
+/* Efek Halus untuk Tombol dan Links */
+button, a {
+  cursor: pointer;
+  transition: all 0.3s ease;
 }
 
-/* Efek saat halaman di-scroll */
-@media (max-width: 768px) {
-  section {
-    opacity: 1 !important; /* Pastikan animasi tetap terlihat */
-  }
+button:hover, a:hover {
+  background-color: #6200ea;
+  color: white;
+}
+
+/* Transisi Warna pada Header saat di Hover */
+header:hover {
+  background-color: #3700b3;
 }