body {
    min-height: 100vh; 
    display: grid;
    grid-template-rows: auto 1fr auto; 
    overflow-x: hidden;    
    overflow-y: auto;       
}

main {
    background-color: rgb(89, 98, 105);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    overflow: hidden;
}

main h1 {
    font-size: 4.5vh;
    color: rgb(46, 39, 39);
    text-align: center;
    margin-bottom: 3rem;
}

.poeme-grille {
    font-size: 3.5vh;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    width: 90%;
    max-width: 900px;
    list-style: none;
    position: relative;
}

.poeme-grille li {
    justify-self: center;
    align-self: center;
}

.poeme-grille a {
    text-decoration: none;
    color: khaki;
}

.Guerre, .Musique, .Destin { 
    display: inline-block;
    transition: transform 0.2s ease; 
}

.Guerre:hover , .Musique:hover, .Destin:hover {
    transform: scale(1.1);
}

.Nibiru { 
    display: inline-block;
    transition: transform 0.5s ease, translate 0.5s ease; 
}

.Nibiru:hover {
    transform: scale(50);
}

.Douleur { 
    display: inline-block;
}

.poeme-grille li:nth-child(1) { transform: translate(-50px, -20px); }
.poeme-grille li:nth-child(2) { transform: translate(60px, 10px); }
.poeme-grille li:nth-child(3) { transform: translate(-20px, 40px); }
.poeme-grille li:nth-child(4) { transform: translate(80px, -10px); }
.poeme-grille li:nth-child(5) { transform: translate(-70px, 20px); }
/*.poeme-grille li:nth-child(6) { transform: translate(30px, -30px); }
.poeme-grille li:nth-child(7) { transform: translate(40px, 50px); }
.poeme-grille li:nth-child(8) { transform: translate(-60px, -40px); }
.poeme-grille li:nth-child(9) { transform: translate(20px, 30px); }*/