workoutMenu.css 759 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. #workoutMenuPage{
  2. flex-direction: column;
  3. justify-content: flex-start;
  4. align-items: center;
  5. position: relative;
  6. }
  7. #workoutMenuTitle{
  8. text-decoration: underline;
  9. }
  10. .workoutMenuButtons{
  11. width: 100%;
  12. max-width: 550px;
  13. margin-top: 35px;
  14. }
  15. #workoutMenuPage button{
  16. width: 100%;
  17. padding: 15px 0;
  18. margin: 15px 0;
  19. }
  20. #resumeWorkoutContainer{
  21. flex-direction: column;
  22. justify-content: space-around;
  23. align-items: center;
  24. position: absolute;
  25. top: 0;
  26. left: 0;
  27. height: 100%;
  28. width: 100%;
  29. background: var(--dark);
  30. padding: 25px;
  31. }
  32. #resumeWorkoutContainer h2{
  33. line-height: 35px;
  34. text-align: center;
  35. }
  36. #resumeWorkoutContainer button{
  37. font-size: 18px;
  38. max-width: 550px;
  39. }