style.css 746 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. body {
  2. min-height: 100dvh;
  3. margin: 0;
  4. display: flex;
  5. flex-direction: column;
  6. font-size: 1.2rem;
  7. }
  8. #mainStats {
  9. display: flex;
  10. flex-direction: column;
  11. gap: 0.5rem;
  12. margin: auto;
  13. justify-content: center;
  14. align-items: center;
  15. padding-inline: 1rem;
  16. }
  17. #mainStats > .message {
  18. background-color: lightcoral;
  19. border: 2px solid red;
  20. padding: 0.5rem 2rem;
  21. border-radius: 1rem;
  22. }
  23. #mainStats .stats {
  24. display: flex;
  25. flex-wrap: wrap;
  26. justify-content: center;
  27. align-items: stretch;
  28. gap: 2rem;
  29. }
  30. #mainStats .stats .wrapper {
  31. display: flex;
  32. gap: 2rem;
  33. }
  34. #mainStats .stats .values {
  35. background-color: #dddddd;
  36. padding: 0.5rem 2rem;
  37. border-radius: 1rem;
  38. }