App.css 702B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import 'https://fonts.googleapis.com/css?family=Catamaran';
  2. html, body
  3. {
  4. width: 100%;
  5. height: 100%;
  6. margin: 0;
  7. padding: 0;
  8. font-family: 'Catamaran', sans-serif;
  9. }
  10. body {
  11. background: #eee;
  12. background: linear-gradient(to left, #ddd , #eee);
  13. }
  14. .container
  15. {
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. justify-content: space-around;
  20. margin: 0;
  21. padding: 0;
  22. height: 100%;
  23. width: 100%;
  24. font-size: 20px;
  25. }
  26. #title
  27. {
  28. padding: 40px;
  29. text-align: center;
  30. }
  31. #button
  32. {
  33. cursor: pointer;
  34. padding: 10px;
  35. background-color: #7986CB;
  36. border: 0;
  37. color: white;
  38. font-size: 16px;
  39. }:hover
  40. {
  41. background-color: #5C6BC0;
  42. }
  43. :active
  44. {
  45. background-color: #3949AB;
  46. }