index.css 819 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .container {
  2. width: 1600px;
  3. margin: 25px auto;
  4. }
  5. .wrapper {
  6. display: flex;
  7. justify-content: space-around;
  8. align-items: center;
  9. width: 1600px;
  10. /* height: 400px; */
  11. margin: 10px 0;
  12. /* border: 1px solid black; */
  13. }
  14. .wrapper_span {
  15. display: block;
  16. padding: 15px 5px;
  17. font-size: 25px;
  18. writing-mode: vertical-lr;
  19. border: 1px solid rgb(32,116,98);
  20. }
  21. .pcmGraph_wrapper{
  22. display: flex;
  23. justify-content: space-around;
  24. align-items: center;
  25. width: 800px;
  26. height: 200px;
  27. margin: 10px 0;
  28. }
  29. /* .pcmGraph_wrapper span {
  30. display: block;
  31. padding: 15px 5px;
  32. font-size: 25px;
  33. writing-mode: vertical-lr;
  34. border: 1px solid rgb(32,116,98);
  35. } */
  36. #pcmGraph {
  37. width: 730px;
  38. background-color: #bfa;
  39. }
  40. #fftGraph,
  41. #stftGraph {
  42. width: 730px;
  43. height: 512px;
  44. background-color: #bfa;
  45. }