index.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. body {
  2. margin: 0;
  3. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
  4. 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
  5. sans-serif;
  6. -webkit-font-smoothing: antialiased;
  7. -moz-osx-font-smoothing: grayscale;
  8. }
  9. code {
  10. font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
  11. monospace;
  12. }
  13. .loginForm {
  14. margin-top: 20px;
  15. }
  16. button{
  17. margin-left: 30px;
  18. background: greenyellow;
  19. }
  20. .loginForm > strong{
  21. margin-left: 20px;
  22. }
  23. input{
  24. background: greenyellow;
  25. }
  26. .divCats{
  27. border: indigo solid 3px;
  28. margin-top: 20px;
  29. max-width: 400px;
  30. margin-left: 70px;
  31. }
  32. .kartochki{
  33. list-style: none;
  34. }
  35. .kartochki > p {
  36. border: orangered solid 1px;
  37. max-width: 200px;
  38. margin: 0 auto;
  39. margin-top: 10px;
  40. }
  41. .kartochki > strong {
  42. border: teal solid 2px;
  43. }
  44. .aside{
  45. border: tomato solid 3px;
  46. max-height: 200px;
  47. width: 200px;
  48. }
  49. .aside > ul{
  50. padding: 0;
  51. }
  52. .menuItem{
  53. margin-top: 10px;
  54. }
  55. .shop{
  56. display: flex;
  57. margin: 30px 0 0 0px;
  58. justify-content: center;
  59. }
  60. .main{
  61. justify-content: center;
  62. }