authorization.css 852 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. * {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. body {
  7. font-family: sans-serif;
  8. font-size: 14px;
  9. display: flex;
  10. height: 100vh;
  11. justify-content: center;
  12. align-items: center;
  13. flex-direction: column;
  14. }
  15. .form {
  16. width: 200px;
  17. display: flex;
  18. flex-wrap: wrap;
  19. padding: 10px 20px;
  20. background-color: white;
  21. border-radius: 10px;
  22. box-shadow: 0 0 16px black;
  23. }
  24. .form > * {
  25. margin: 10px 0;
  26. width: 100%;
  27. display: block;
  28. height: 25px;
  29. border-radius: 5px;
  30. border: 1px solid gray;
  31. font-family: sans-serif;
  32. outline: none;
  33. }
  34. .form > input {
  35. padding-inline-start: 10px;
  36. }
  37. button:hover,
  38. input:focus {
  39. background-color: rgb(242, 228, 255);
  40. border-color: blueviolet;
  41. color: blueviolet;
  42. }
  43. button:hover {
  44. cursor: pointer;
  45. }
  46. a {
  47. margin-top: 20px;
  48. }