.game-container .story-quest .spelling-background {
    background-color: #FFF;
    width: 100%;
    height: 70%;
    top: 0;
    left: 0;
    position: absolute;
}

.game-container .story-quest .spelling-buttons {
    width: 35%;
    height: 6.2%;
    top: 88%;
    left: 65%;
    position: absolute;
}

.game-container .story-quest .spelling-buttons .left {
    left: 0;
    width: 40%;
    height: 100%;
    padding: 0 5%;
}

.game-container .story-quest .spelling-buttons .right {
    left: 50%;
    width: 40%;
    height: 100%;
    padding: 0 5%;
}

.game-container .story-quest .spelling-header {
    background-color: #063dc7;
    position: absolute;
    top: 15%;
    width: 100%;
    height: auto;
    line-height: 8vh;
    font-size: 8vh;
    padding: 1vh;
    text-align: center;
    color: #FFF;
    font-family: sans-serif;
}

.game-container .story-quest .spelling-whiteboard {
    position: absolute;
    top: 51.5%;
    width: 100%;
    height: auto;
    font-size: 4vh;
    text-align: left;
    color: #000;
    padding: 5%;
}

.game-container .story-quest .spelling-word {
    position: absolute;
    top: 35%;
    width: 100%;
    height: auto;
    line-height: 18vh;
    font-size: 18vh;
    text-align: center;
    color: #000;
}

.game-container .story-quest .story-reader img.back.flash {
    opacity: 0;
    transition: opacity linear 333ms;
}

.game-container .story-quest .story-reader .last-word {
    transition: 333ms ease-in margin, z-index 444ms;
    position: absolute;
    width: 55%;
    margin: 62.2% 22.5%;
    color: #fff;
    font-size: 5vh;
    line-height: 5vh;
    text-align: center;
    font-weight: 600;
    background-color: #54d2ff;
    padding-top: 2vh;
    border-radius: 2vh;
    z-index: 1;
}

.game-container .story-quest .story-reader .last-word.ng-hide {
    margin: 50% 22.5%;
    display: inherit !important;
    z-index: -1000;
}

.game-container .story-quest .story-reader .page-count {
    position: absolute;
    margin: 59% 0 0 92%;
    color: #fff;
    font-size: 4vh;
    line-height: 4vh;
    text-align: right;
    font-weight: 600;
}

.game-container .story-quest .next-last-buttons {
    margin-top: 60%;
}

.game-container .story-quest .next-last-buttons.ng-hide {
    margin-top: 50%;
}

.game-container .story-quest .story-reader .text-container.tutor-check {
    width: calc(100% - 18vh);
    overflow-x: hidden;
    height: calc(100% - 10vh);
    margin: 5vh 5vh 5vh 7vh;
    padding: 1%;
}
.game-container .tutor-check .story-reader {
    background: transparent !important;
    height: 65.5% !important;
}

.game-container .tutor-check .story-reader .text-container.tutor-check {
    width: calc(100% - 18vh);
    overflow-x: hidden;
    height: calc(100% - 10vh);
    margin: 5vh 5vh 5vh 7vh;
    padding: 1%;
}

.game-container .story-quest .story-reader .text-container .text .fail {
    -webkit-animation: wordfail 666ms;
    -webkit-animation-fill-mode: none;
    animation: wordfail 666ms;
    animation-fill-mode: none;
    animation-iteration-count: 1;
}

.game-container .story-quest .story-reader .text-container .text .highlight {
    background-color: #F0F0CB;
    color: #5F5F5F;
}