#universe{
    display: grid;
    grid-template-columns:  1fr;
    grid-template-areas: 
        "figure"
        "header"
        "content";

}
#universe > figure{
    display: flex;
    grid-area: figure;
    height: 50vmax;
    max-height: 50vh;
    overflow: hidden;
}
#universe > figure > img{
    object-fit: cover;
    object-position: center center;
    max-width: 100%;
}
#universe > .content{
    grid-area: content;
    margin: 0 auto;
    max-width: var(--site-content-max-width);
    padding : 1.6rem;
}
#universe > .content p{
    color: #484848;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 200%;
    margin-bottom: 1.6rem;
    text-indent: 3.2rem;
}
#universe > .content p + *{
    
}
#universe > header{
    grid-area: header;
    margin: 0 auto;
    max-width: var(--site-content-max-width);
    width: 100%;
    padding : 1.6rem;
}
#universe > header > h1{
    font-size: 4rem;
    font-weight: 100;
    text-transform: uppercase;
}
#universe > header > h2{
    font-size: 2.4rem;
    font-weight: 100;
    text-transform: uppercase;
}
/* imported */
#universe header h2 span.dynamique{
}
#universe header h2 span.dynamique span:nth-child(1){
    font-size: 150%;
}
#universe header h2 span.dynamique span:nth-child(2){
    font-size: 80%;
}
#universe header h2 span.dynamique span:nth-child(3){
    font-size: 56%
}
#universe header h2 span.dynamique span:nth-child(4){
    font-size: 40%
}
#universe header h2 span.dynamique span:nth-child(5){
    font-size: 124%;
}
#universe header h2 span.dynamique span:nth-child(6){
    font-size: 180%;
}
#universe header h2 span.dynamique span:nth-child(7){
    font-size: 160%
}
#universe header h2 span.dynamique span:nth-child(8){
    font-size: 64%;
}
#universe header h2 span.dynamique span:nth-child(9){
    font-size: 100%;
}

#universe header h2 span.multicolor{
}
#universe header h2 span.multicolor span:nth-child(1){
    color: #cc99ff;
}
#universe header h2 span.multicolor span:nth-child(2){
    color: #00ccff;
}
#universe header h2 span.multicolor span:nth-child(3){
    
}
#universe header h2 span.multicolor span:nth-child(4){
    color: #000080;
}
#universe header h2 span.multicolor span:nth-child(5){
    color: #ffcc00;
}
#universe header h2 span.multicolor span:nth-child(6){
    color: #ff6600;
}
#universe header h2 span.multicolor span:nth-child(7){
    color: #ff0000;
}
#universe header h2 span.multicolor span:nth-child(8){
    color: #cc99ff;
}
#universe header h2 span.multicolor span:nth-child(9){
    color: #cc99ff;
}
#universe header h2 span.multicolor span:nth-child(10){
    color: #cc99ff;
}
#universe header h2 span.multicolor span:nth-child(11){
    color: #cc99ff;
}
#universe header h2 span.pop{
}
#universe header h2 span.pop span:nth-child(2){
    font-size:150%;
}