div {
    margin: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 100px;
}


h1 {
    margin: 50px;
    font-family: 'unormativefraktur';
    font-size: 750%;
    color: white;
    justify-content:center;
    place-content: center;
    text-shadow:   
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000,
        1px 1px 2px #141414,
        1px 1px 3px #141414,
        1px 1px 5px #141414,
        1px 1px 7px #141414,
        1px 1px 10px #141414,
        1px 1px 12px #141414,
        1px 1px 18px #141414;
    color:#fff;

}

body {
    background-image: url(../images/artiste.png);
    background-size: 160%;
    color: white;
    
    
}

p {
    margin: 0;
    display: grid;
    grid-template-rows: min-content 1fr;
    gap: 5px;
    font-family: 'astlochrbold';
    aspect-ratio: 3/4;
    font-size: 150%;
    color: white;  
    text-align: center;
    justify-content:baseline;
}

p span {
    display: block;
    height: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

img {

  width: 100%;
  height: 100%;
  object-fit: cover;
    display: block;
}



p:hover { 
    color: #031b0c;
}