style.css 958 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. * {
  2. box-sizing: border-box;
  3. }
  4. body {
  5. margin: 0;
  6. font-family: monospace;
  7. }
  8. header {
  9. width: 100%;
  10. text-align: center;
  11. margin: 5% 0;
  12. font-size: 1.75em
  13. }
  14. main {
  15. width: 90%;
  16. margin: auto;
  17. }
  18. .section-title {
  19. text-align: center;
  20. font-size: 2.5em;
  21. margin-bottom: 5%;
  22. }
  23. .container {
  24. padding-bottom: 7.5%;
  25. }
  26. .container:last-of-type {
  27. padding-bottom: 0;
  28. }
  29. #chart-container {
  30. display: flex;
  31. flex-wrap: wrap;
  32. justify-content: center;
  33. align-content: center;
  34. }
  35. #data-container {
  36. display: flex;
  37. flex-wrap: wrap;
  38. justify-content: center;
  39. align-content: center;
  40. }
  41. .identite {}
  42. .usager {
  43. width: 46%;
  44. margin: 2%;
  45. padding: 1%;
  46. text-transform: capitalize;
  47. position: relative;
  48. }
  49. .usager-identite {
  50. font-size: 1.5em;
  51. position: relative;
  52. margin-top: 2.5%;
  53. ;
  54. }
  55. .frequentation {
  56. font-size: 1.1em;
  57. margin: 0;
  58. font-weight: bold;
  59. }
  60. .situation {}
  61. .espace {}
  62. .telephone {}