.outline {
    border-style: solid;
    border-radius: 10px;
    margin-top: 10px;
    background-color: #ebe9e9;
}

.right-margin {
    margin-right: 10px;
}

.list-group {
    margin-bottom: 10px;
}

.background-dark {
    background-color: #787c7e;
    color: #e1f8ff;
}

.txt-dark {
    color: #000000;
    border-color: #787c7e;
}

.correct {
	color: #6aaa64;
    border-color: #6aaa64;
    border-radius: 5px;
}

.misplaced {
	color: #787c7e;
    border-color: #787c7e;
    border-radius: 5px;
}

.wrong {
	color: #c9b458;
    border-color: #c9b458;
    border-radius: 5px;
}

.text, p {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 17px;
}

.no-right-padding {
    padding-right: 0px;
}

p {
	columns: 4;
}

/* Link back to the main site, under the title */
.back-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 12px 2px 8px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #787c7e;
    background-color: #ebe9e9;
    border: 2px solid #787c7e;
    border-radius: 999px;
    text-decoration: none;
}

.back-link:hover, .back-link:focus-visible {
    color: #ffffff;
    background-color: #6aaa64;
    border-color: #6aaa64;
}

.back-link svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}