style.css 730 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. body{
  2. display: flex;
  3. }
  4. #wrapper, #wrapper2{
  5. width: 200px;
  6. height: 600px;
  7. background-color: #796e6e;
  8. border-radius: 35px;
  9. display: flex;
  10. flex-direction: column;
  11. justify-content: center;
  12. align-items: center;
  13. margin: 0 50px;
  14. }
  15. #wrapper div, #wrapper2 div{
  16. width: 150px;
  17. height: 150px;
  18. background-color: grey;
  19. border-radius: 50%;
  20. margin-top: 20px;
  21. }
  22. button{
  23. height: 100px;
  24. width: 100px;
  25. font-size: 50px;
  26. border-radius: 25%;
  27. background-color: pink;
  28. }
  29. /* .wrapper2{
  30. height: 400px;
  31. }
  32. .red{
  33. background-color: red;
  34. }
  35. .yellow{
  36. background-color: orange;
  37. }
  38. .green{
  39. background-color: green;
  40. } */
  41. #wrapper2{
  42. height: 400px;
  43. }