:root{--font-family--default:Arial;--color--white:#fff;--color--grey-light:#f0f0f0;--color--grey-medium:#a0a0a0;--color--grey-dark:#505050;--color--green-light-x:#d0ffc0;--color--green-light:#c0f0a0;--color--green-medium:#60a040;--color--green-dark:#004000;--color--transparent-border:#fff0;--color--correct:var(--color--green-light);--color--incorrect:#e5ba56;--color--highlighted-yellow:#f3ff89;--color--topbarButton-background:var(--color--green-light);--color--background-default:#eee;--color--background-turquoise:#e0f8f0;--color--paper-white:#fff;--color--paper-flipped:grey;--color--image-border:darkgray;--color--letter-default:white;--color--letter-hover:#efe;--color--letter-flipped:darkgrey;--color--letter-target:darkgray;--color--keyboard-button-default:lightgrey;--color--keyboard-button-hover:white;--color--speakDialog-background:lightgrey;--topbar--height:15%;--image-width:calc(.45 * var(--step-div-height));--image-height:calc(3/4 * var(--image-width));--paper-height:5vmin;--image-border-width:1vmin;--paper-border-width:.5vmin;--image-border-height:calc(var(--paper-height) + var(--image-height) + 2 * var(--image-border-width));--z-index--popup:100;--z-index--cursor:200;--letter-paper-font-size:x-large;--letter-target-border-width:.2em}body,html{background-color:var(--color--background-turquoise);width:100%;height:100%;font-family:var(--font-family--default);font-size:var(--font-size--medium);flex-direction:column;justify-content:space-evenly;align-self:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}body{anchor-name:--body-anchor}button{cursor:pointer}.unselectable{pointer-events:none;-webkit-user-select:none;user-select:none}