body {
    background-color: #1B3F17;
    color: #EAF55E;
    font-size: larger;
}

footer {
    background-color: #1B3F17;
    color: #EAF55E;
    text-align: center;
    padding: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

h1, h2, h3, p {
    text-align: center;
}

.pr-list {
    margin-top: 5%;
}

.pr-farge {
    color: #EAF55E;
}

a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.container-nav {
    display: grid;
    background-color: rgb(0, 0, 0);
    grid-template-rows: 15%;
    grid-template-columns: 1.5% 15% 5% 15% 10% 15% 2% 15% 5% 15% 1.5%; 
}

.item-1-hp {
    grid-column-start: 2;
    grid-column-end: 2;
    color: #EAF55E;
    text-size-adjust: 250px
    
}
.item-2-hp {
    grid-column-start: 4;
    grid-column-end: 4;
    color: #EAF55E;
}
.item-3-hp {
    grid-column-start: 6;
    grid-column-end: 6;
    color: #EAF55E;
}
.item-4-hp {
    grid-column-start: 8;
    grid-column-end: 8;
    color: #EAF55E;
}
.item-5-hp {
    grid-column-start: 10;
    grid-column-end: 10;
    color: #EAF55E;
}

.container-pr-nav {
    background-color: #1B3F17;
    margin-top: 2%;
    display: grid;
    grid-template-rows: 15%;
    grid-template-columns: 1.5% 15% 5% 15% 8.5% 15% 3.5% 15% 5% 15% 1.5%; 
}

.item-1-pr {
    grid-column-start: 2;
    grid-column-end: 2;
    color: #EAF55E;
    text-size-adjust: 250px
    
}
.item-2-pr {
    grid-column-start: 4;
    grid-column-end: 4;
    color: #EAF55E;
}
.item-3-pr {
    grid-column-start: 6;
    grid-column-end: 6;
    color: #EAF55E;
}
.item-4-pr {
    grid-column-start: 8;
    grid-column-end: 8;
    color: #EAF55E;
}
.item-5-pr {
    grid-column-start: 10;
    grid-column-end: 10;
    color: #EAF55E;
}