style.css 414 B

123456789101112131415161718192021222324252627282930313233343536
  1. * {
  2. box-sizing: border-box;
  3. }
  4. form {
  5. display: flex;
  6. flex-direction: column;
  7. max-width: 200px;
  8. width: 100%;
  9. align-items: flex-start;
  10. padding: 20px;
  11. }
  12. form label {
  13. margin-top: 16px;
  14. }
  15. form input[type="text"] {
  16. width: 100%;
  17. }
  18. form input[type="password"] {
  19. width: 100%;
  20. }
  21. form button {
  22. margin: 0 auto;
  23. }
  24. input.invalid.touched {
  25. border: 1px solid red;
  26. }
  27. input.hidden {
  28. display: none;
  29. }