- Mundialito
- Plus de détails :root { --black: #101010; --yellow: #ffc315; --border-radius: 8px; --fs-title: clamp(1.2rem, 2.5vw, 2rem); --fs-label: clamp(0.8rem, 1.4vw, 1.1rem); --fs-value: clamp(0.85rem, 1.5vw, 1.1rem); --padding-block: clamp(16px, 3vw, 36px); --padding-inline: clamp(16px, 4vw, 40px); --gap-grid: clamp(14px, 2.5vw, 24px); } .details-block { background: var(--black); border: 1.5px solid var(--yellow); border-radius: var(--border-radius); padding: var(--padding-block) var(--padding-inline); max-width: 900px; width: 100%; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; } .details-block h2 { font-family: 'Roboto Condensed', sans-serif; font-style: italic; font-weight: 700; font-size: var(--fs-title); color: var(--yellow); margin: 0 0 clamp(14px, 2.5vw, 28px) 0; text-transform: none; letter-spacing: 0.01em; } .details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); } .detail-item { display: flex; flex-direction: column; gap: clamp(2px, 0.5vw, 6px); } .detail-label { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: var(--fs-label); color: var(--yellow); text-transform: none; letter-spacing: 0.02em; } .detail-value { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: var(--fs-value); color: #ffffff; line-height: 1.45; } .thematiques { grid-column: 2 / -1; } .thematiques .detail-value span::after { content: ' · '; color: #ffffff; } .thematiques .detail-value span:last-child::after { content: ''; } @media (max-width: 600px) { .details-grid { grid-template-columns: repeat(2, 1fr); } .thematiques { grid-column: 1 / -1; } } @media (max-width: 360px) { .details-grid { grid-template-columns: 1fr; } .thematiques { grid-column: auto; } } Plus de détails Réalisé par Cynthia Calvi Durée 14 minutes Année 2023 Pays France Thématiques LGBTQIA+ France Transidentité Animation Portrait
