styles.css 836 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /* You can add global styles to this file, and also import other style files */
  2. html, body { height: 100%; }
  3. body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
  4. .container {
  5. width: 300px;
  6. margin: 0 auto;
  7. padding: 20px;
  8. border: 1px solid #ccc;
  9. background-color: #f2f2f2;
  10. }
  11. h2 {
  12. text-align: center;
  13. }
  14. .form-group {
  15. margin-bottom: 15px;
  16. }
  17. label {
  18. display: block;
  19. font-weight: bold;
  20. }
  21. input[type="text"],
  22. input[type="password"] {
  23. width: 100%;
  24. padding: 5px;
  25. font-size: 16px;
  26. border-radius: 5px;
  27. border: 1px solid #ccc;
  28. }
  29. button[type="submit"] {
  30. width: 100%;
  31. padding: 10px;
  32. font-size: 16px;
  33. background-color: orange !important;
  34. color: white;
  35. border: none;
  36. border-radius: 5px;
  37. cursor: pointer;
  38. }
  39. button[type="submit"]:hover {
  40. background-color: orange !important;
  41. }