No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

app.css 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. body {
  2. font-family: sans-serif;
  3. margin: 0 auto; /* Mengatur margin atas dan bawah menjadi 0, dan margin kiri-kanan menjadi auto */
  4. display: flex; /* Flexbox untuk mengatur posisi */
  5. justify-content: center; /* Menengahkan konten secara horizontal */
  6. align-items: center; /* Menengahkan konten secara vertikal */
  7. min-height: 100vh; /* Mengatur tinggi minimal agar form terlihat */
  8. background-color: #f0f0f0;
  9. }
  10. .container {
  11. background-color: #fff;
  12. padding: 50px;
  13. border-radius: 5px;
  14. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  15. }
  16. h1 {
  17. text-align: center;
  18. margin-bottom: 20px;
  19. }
  20. .form-group {
  21. margin-bottom: 15px;
  22. }
  23. label {
  24. display: block;
  25. margin-bottom: 5px;
  26. }
  27. input[type="text"],
  28. input[type="password"] {
  29. width: 100%;
  30. padding: 10px;
  31. border: 1px solid #ccc;
  32. border-radius: 3px;
  33. }
  34. button {
  35. background-color: #4CAF50;
  36. color: white;
  37. padding: 10px 20px;
  38. border: none;
  39. border-radius: 3px;
  40. cursor: pointer;
  41. }
  42. button:hover {
  43. background-color: #3e8e41;
  44. }