App.css 539 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .app {
  2. padding: 20px;
  3. height: 100vh;
  4. }
  5. h1 {
  6. margin-bottom: 20px;
  7. color: #2c3e50;
  8. }
  9. .container {
  10. background: white;
  11. border-radius: 8px;
  12. padding: 30px;
  13. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  14. text-align: center;
  15. }
  16. button {
  17. margin-top: 20px;
  18. padding: 10px 20px;
  19. font-size: 16px;
  20. background-color: #007bff;
  21. color: white;
  22. border: none;
  23. border-radius: 4px;
  24. cursor: pointer;
  25. transition: background-color 0.3s;
  26. }
  27. button:hover {
  28. background-color: #0056b3;
  29. }
  30. button:active {
  31. transform: scale(0.98);
  32. }