.connections-words h2 {
    margin-bottom: 0;
}

.connections-words .connections-words-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  gap: 10px;
}


.connections-words .connections-words-list .connections-word { 
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 120px; 
    margin: 5px; 
    box-sizing: border-box; 
    border-radius: 4px;
    text-align: center;
    padding: 5px 0;
    background-color: #efefe5;
    color: rgb(0, 0, 0);
    border-radius: 5px;
    font-weight: bold;
    width: 100px;
    height: 60px;
}


.connections-words .connections-words-list .connections-word:hover {
    cursor: pointer;
}

.connections-word {
}



.connections-hints {
    text-align: center;
}

.connections-hints h3 {
    margin-bottom: 20px;
}

.connections-hints .connections-hints-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connections-hints .connections-hint {
    width: 400px;
    padding: 20px;
    margin: 10px 0;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.connections-hints .connections-hint:nth-child(1) {
    background-color: #f6df7e;
}

.connections-hints .connections-hint:nth-child(2) {
    background-color: #ece4a3;
}

.connections-hints .connections-hint:nth-child(3) {
    background-color: #a8c168;
}

.connections-hints .connections-hint:nth-child(4) {
    background-color: #cad6ec;
}

.connections-answers {
    text-align: center;
}

.connections-answers h3 {
    margin-bottom: 20px;
}

.connections-answers p {
    margin-bottom: 20px;
}

.connections-group {
    /* display: flex; */
    margin-bottom: 20px;
}


.connections-group-name,
.connections-word-box {
    display: inline-block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    margin: 5px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.connections-word-box {
    border:1px solid #ccc5c5;
}


.connections-group-name {
    width: 440px;
}

/* .connections-group-name {
    background-color: #ffeb3b;
} */


.connections-answers .connections-group:nth-child(3) .connections-group-name {
    background-color: #f6df7e;
}

.connections-answers .connections-group:nth-child(4) .connections-group-name {
    background-color: #ece4a3;
}

.connections-answers .connections-group:nth-child(5) .connections-group-name {
    background-color: #a8c168;
}

.connections-answers .connections-group:nth-child(6) .connections-group-name {
    background-color: #cad6ec;
}

@media (max-width: 600px) {
    .connections-group {
        text-align: center;
    }

    .connections-group-name,
    .connections-word-box {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
}

.connections-past-answer  .connections-group {
    display: flex;
}

.connections-group-words-category {
    color: grey;
    font-weight: bold;
}


#word-definition ul {
    margin-left: 0.5em;
}


#word-definition ul li {
    margin-bottom: 10px;
}