style.css 894 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. *, html {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .container {
  6. position: relative;
  7. max-width: 1140px;
  8. margin: 0 auto;
  9. padding: 50px;
  10. }
  11. .wrapper{
  12. display: flex;
  13. flex-direction: column;
  14. border: solid 3px black;
  15. width: 70px;
  16. align-items: center;
  17. background-color: rgb(231, 220, 220);
  18. box-shadow: black -5px 5px;
  19. margin-bottom: 20px;
  20. }
  21. .wrapper div {
  22. width: 50px;
  23. height: 50px;
  24. margin-bottom: 5px;
  25. border-radius: 100%;
  26. background-color: rgb(130, 128, 128);
  27. }
  28. .wrapper1{
  29. display: flex;
  30. flex-direction: column;
  31. border: solid 3px black;
  32. width: 70px;
  33. align-items: center;
  34. background-color: rgb(231, 220, 220);
  35. box-shadow: black -5px 5px;
  36. }
  37. .wrapper1 div {
  38. width: 50px;
  39. height: 50px;
  40. margin-top: 3px;
  41. margin-bottom: 5px;
  42. border-radius: 100%;
  43. background-color: rgb(130, 128, 128);
  44. }