body {
    color: #716859;
    background-color: rgb(240, 252, 223);
    font-family: 'Russo One', sans-serif;
    font-size: 16px;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.head{

    text-align-last: center;
}
#main{
    min-height: 56vh;
}
header {
    background-color: rgb(176, 215, 117);
    color: #716859;
    text-align: center;
}

h1 span {
    color: white;
}

h1 {
    padding: 10%;
    color: #716859;
    font-size: 5vh;
}

.big {
    font-size: 10vh;
}

.medium {
    font-size: x-large;
}

#meeple {
    object-fit: contain;
    height: 20vh
}

a {
    color: rgb(176, 215, 117);
}

nav {
    background-color: #716859;
    font-size: large;
}

h2 {
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-align: center;
}

h3 {
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-align: center;
}

.nav-link {
    color: rgb(176, 215, 117);
    text-decoration: none;
}

textarea {
    margin-top: 5px;
}

button,
footer {
    color: rgb(176, 215, 117);
    background-color: #716859;
}

footer {
    width: 100%;
    text-align: center;
}

iframe {
    width: 100%;
    height: 70vh;
}

#porte {
    width: 100%;
    height: 70vh;
}

#img404 {
    max-width: 20vw;
}

p {
    text-align: justify;
}
img{
    height: 40vh;
}
.center{
    text-align: -webkit-center;
}