navbar.css 671 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* Navbar Styling */
  2. .navbar {
  3. display: grid;
  4. grid-template-columns: auto 1fr auto;
  5. align-items: center;
  6. background-color: white;
  7. padding: 10px 20px;
  8. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  9. width: 100%;
  10. max-width: 96%;
  11. border-radius: 8px;
  12. }
  13. .navbar-brand {
  14. font-size: 1.5rem;
  15. font-weight: bold;
  16. color: #333;
  17. }
  18. .navbar-links {
  19. display: grid;
  20. grid-template-columns: repeat(4, auto);
  21. gap: 20px;
  22. list-style: none;
  23. justify-self: end;
  24. }
  25. .navbar-links a {
  26. text-decoration: none;
  27. color: #333;
  28. font-size: 1rem;
  29. transition: color 0.3s ease;
  30. }
  31. .navbar-links a:hover {
  32. color: #6c63ff;
  33. }