.card{background:#fff;border-radius:2px;box-shadow:0 0 4px 2px rgba(22,22,22,.4);color:#000;display:inline-flex;flex-direction:column;align-items:center;padding:10px}.card__title{font-family:Indie Flower;font-size:1.5rem;line-height:1.5rem;margin:1rem 0 0;text-align:center}@media (min-width:375px){.card__title{font-size:2rem;line-height:2rem}}.card.member-card{cursor:pointer;display:flex;flex-direction:row;margin:0 auto;max-width:300px;text-align:center}.card.member-card.member-card--open{flex-direction:column;animation:member-card 3s linear}@keyframes member-card{0%{flex-direction:row}19%{flex-direction:row}20%{flex-direction:column}}@media (min-width:475px){.card.member-card{margin:0;width:300px}}@media (min-width:1200px){.card.member-card{flex-direction:column}.card.member-card.member-card--open{animation:none}}.member-card__picture{height:5rem;width:5rem;margin:0 10px 0 0}.member-card--open .member-card__picture{height:auto;width:100%;margin:0 0 10px;animation:member-card-picture 3s linear}@keyframes member-card-picture{0%{height:5rem;width:5rem;opacity:1;margin:0 10px 0 0}5%{height:5rem;width:5rem;opacity:0;margin:0 10px 0 0}10%{height:0;width:0;margin:0;opacity:0}20%{width:0}21%{height:0;width:100%;margin:0}30%{height:auto;width:100%;margin:0 0 10px;opacity:1}}@media (min-width:1200px){.member-card__picture{height:auto;width:100%;margin:0 0 10px}.member-card--open .member-card__picture{animation:none}}.member-card__text{display:flex;flex-direction:column;flex:1;min-height:5rem;justify-content:center}.card__title.member-card__name{font-size:1.5rem;line-height:1.5rem;margin:0}.member-card--open .card__title.member-card__name{font-size:2rem;line-height:2rem;animation:member-card-name 3s linear}@keyframes member-card-name{0%{font-size:1.5rem;line-height:1.5rem}8%{font-size:1.5rem;line-height:1.5rem}15%{font-size:2rem;line-height:2rem}}@media (min-width:1200px){.card__title.member-card__name{font-size:2rem;line-height:2rem}.member-card--open .card__title.member-card__name{animation:none}}.member-card__nickname{display:none;font-family:Indie Flower;font-style:italic;opacity:0}.member-card--open .member-card__nickname{display:block;font-size:1.8rem;line-height:2rem;margin-top:.5rem;opacity:1;animation:member-card-nickname 3s linear}@keyframes member-card-nickname{0%{display:none;line-height:0;margin-top:0;opacity:0}13%{display:block;line-height:0;margin-top:0;opacity:0}20%{line-height:2rem;margin-top:.5rem;opacity:0}25%{opacity:1}}@media (min-width:1200px){.member-card__nickname{display:block;font-size:1.8rem;line-height:2rem;margin-top:.5rem;opacity:1}.member-card--open .member-card__nickname{animation:none}}.member-card__dates{font-size:1rem;line-height:1.5rem}.member-card--open .member-card__dates{font-size:1.25rem;animation:member-card-dates 3s linear}@keyframes member-card-dates{0%{font-size:1rem}8%{font-size:1rem}15%{font-size:1.25rem}}@media (min-width:1200px){.member-card__dates{font-size:1.25rem}.member-card--open .member-card__dates{animation:none}}@media (min-width:475px){.title-card{max-width:300px}}.title-card__constellation{background:#000;display:none;width:300px;height:300px}@media (min-width:1200px){.title-card__constellation{display:block}}.title-card__description{font-size:1rem;text-align:center}@media (min-width:1200px){.title-card__description{font-size:inherit}}.starry-night{background:#000014;display:inline-block;line-height:0}.starry-night__canvas{opacity:0;transition:opacity .6s}.starry-night__canvas.starry-night--visible{opacity:1}.starry-night--full-width{width:100%}.starry-night--full-height{height:100%}.thomas-pesquet-container{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.thomas-pesquet{transform:translateY(-67vh);animation:thomas-pesquet-position 90s linear infinite}.thomas-pesquet:before{background-image:url(thomas-pesquet-1.0607d13c.png);background-size:contain;background-repeat:no-repeat;content:"";display:inline-block;height:50px;width:50px;animation:thomas-pesquet-sprite 2s steps(1) infinite}@keyframes thomas-pesquet-position{0%{transform:translateY(-67vh) rotate(0deg)}25%{transform:translate(-67vw) rotate(900deg)}50%{transform:translateY(67vh) rotate(5turn)}75%{transform:translate(67vw) rotate(2700deg)}to{transform:translateY(-67vh) rotate(0deg)}}@keyframes thomas-pesquet-sprite{0%{background-image:url(thomas-pesquet-1.0607d13c.png)}50%{background-image:url(thomas-pesquet-2.050961ee.png)}}
/*# sourceMappingURL=index.bbdf2eec.css.map */