.scrambled-word-display {
    padding: 10px;
}
.scrambled-word-display input {
    padding: 8px;
    width: 200px;
    vertical-align: middle;
    border-radius: 6px;
    border: 1px solid black;
}
.scrambled-word-display input:focus {
    outline:none;
    border-color: #167ac6;
    box-shadow: 0 0 4px #167ac6;
}

.scrambled-word {
    display: inline-block;
    width: 250px;
    text-align: right;
    margin-right: 15px;
    margin-left: -175px;
    font-size: 18px;
}

.xmark {
    color: red;
    font-weight: bold;
    margin-left: 10px;
}
.checkmark {
    color: green;
    font-weight: bold;
    margin-left: 10px;   
}