@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
html.h5p-iframe,
html.h5p-iframe > body,
.h5p-iframe{
font-family: 'Open Sans', sans-serif;
background: none;
}
html.h5p-iframe .h5p-content {
font-size: 20px;
line-height: 2em;
letter-spacing: 0.3px;
width: 100%;
height: auto;
background: none;
}
.h5p-question-introduction {
letter-spacing: 0.3px;
line-height: 2em;
}
.h5p-drag-text .h5p-drag-droppable-words {
font-size: 16px;
letter-spacing: 0.3px;
line-height: 2em;
}
.h5p-blanks .h5p-question-content p {
line-height: 2em;
margin: 0 0 1em;
}
.h5p-semi-fullscreen, .h5p-fullscreen, html.h5p-iframe .h5p-container {
overflow: hidden;
background: none;
}
.h5p-speak-the-words-set .h5p-question {
background-color: white;
}
.h5p-drag-text [aria-dropeffect] {
position: relative;
top: -0.1em;
width: 10em;
height: 1.25em;
background-color: #cee0f4;
border-radius: 0.25em;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 0.2em 1.8em 0.2em 0;
}
.h5p-dialogcards .h5p-dialogcards-card-content {
background: #FFF;
box-shadow: 0 2px 15px rgba(0,0,0,0.30);
padding: 1em;
font-size: x-large;
}
.h5p-fullscreen .h5p-interactive-book-main .h5p-interactive-book-content, .h5p-semi-fullscreen .h5p-interactive-book-main .h5p-interactive-book-content {
overflow-x: hidden;
overflow-y: auto;
min-height: calc(100% - 5.5em);
background: #fff;
}