.aventure-mot {
    display: flex;
    background: #005657;
}



.aventure-mot-droite {
    padding: 50px;
    width: 960px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
}

.aventure-mot-desc {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 50px;
}

.aventure-mot-alphabet {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #222222;
    padding: 10px;
    justify-content: space-evenly;
    width: 513px;
    border-radius: 10px;
    justify-self: center;
    margin-top: 50px;
}

.aventure-mot-alphabet > button {
    font-size: 3rem;
    text-transform: uppercase;
    width: calc(14% - 10px);
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    color: #222222;
    height: 73px;
    display: inline-block;
    font-family: "Buffon";
    font-weight: bold;
    border: 0;
}

.aventure-mot-alphabet > button:hover {
    opacity: .8;
}

.aventure-mot-alphabet > button:active {
    filter: invert()
}


.aventure-mot-alphabet > button[data-lettre="EFFACER"] {
    width: calc(29% - 10px);
    font-size: 2rem;
}

.lettre-input {
    width: 80px;
    height: 90px;
    background: #222222;
    color: #ffffff;
    font-size: 4.5rem;
    font-family: Buffon;
    font-weight: bold;
    text-align: center;
    border: 0;
}

.lettre-input:focus {
    outline: 5px solid white;
}

.aventure-mot-mot {
    display: flex;
    gap: 10px;
    border: 0;
    justify-content: center;
}


.aventure-mot-indice {
    background: none;
    border: 0;
    position: absolute;
    right: 50px;
    top: 40%;
}