/* Default Global Styles */
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Login Section */
.login-section {
  background: linear-gradient(135deg, #484c52, #622994); /* Added gradient background */
}

.login-section input,
.login-section button {
  border-radius: 10px;
  font-size: 1rem;
}

.login-section input:focus,
.login-section button:focus {
  outline: none;
}

.grid-item {
  transition: all 0.3s ease;
}

.grid-item:hover {
  transform: scale(1.05);
}

.grid-item svg {
  color: #666;
}