html, body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent scrolling */
    -webkit-text-size-adjust: none;
    /* the app's background. Keep in step with wcMediumGrayColor in wcAppColors.js */
    background-color: #969696;
}

/* the caret after what is typed into a placeholder, blinking. Keep its width
   and margin in step with caretWidth and caretGap in wcWordElement.js */
.wcCaret {
    display: inline-block;
    width: 2px;
    margin-left: 1px;
    height: 0.9em;
    vertical-align: -0.1em;
    background-color: #ee6791; /* wcPinkColor */
    animation: wcCaretBlink 1s step-end infinite;
}

@keyframes wcCaretBlink {
    50% { opacity: 0; }
}

/* the underline under a word that is not the part of speech its word element
   asks for */
.wcMismatched {
    text-decoration: underline;
    text-decoration-color: #ee6791; /* wcPinkColor */
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}