body{background:#8fbc8f}#mainFrame{height:auto;padding:20px;font-size:20px;line-height:140%;max-width:500px;font-family:Domine,Century,Georgia,serif}.spacer{height:50px}#prompt-wrapper{padding:25px 5px 15px;min-height:150px}#hint-wrapper{border-radius:9px;padding:10px}#hint-top{position:relative;height:25px;margin:3px;padding:3px;border-radius:5px;background:#efefef;cursor:pointer;max-width:100px}#hintarrow{left:10px}#hintarrow,#hinttxt{position:absolute;top:5px}#hinttxt{left:30px}#hint-inner{max-width:500px;border:1px solid #444;border-radius:15px}#hint-extra{display:none}.rotate_target{transition:all .4s;display:block;transform-origin:50% 50%;transform:rotate(0deg)}.rotated{transform:rotate(90deg)}.rotated,.slowchange{transition:all .4s}.revealtext{max-height:0;overflow:hidden;padding:0}.doreveal{transition:all .4s;max-height:550px;padding:25px}.dohide{transition:all 0s;padding:0;max-height:0}.fastrotate{transition:all 0s;transform:rotate(0deg)}#button-wrapper{display:flex;flex-wrap:nowrap;justify-content:space-between}.stylebutton{padding:5px 10px;border:2px solid #4682b4;background:#ccdcea;border-radius:25px;box-shadow:2px 3px 2px #666}.stylebutton:hover{background:#7dc4ff}.stylebutton:active{box-shadow:1px 2px 1px #666;transform:translate(1px,1px)}.hide{display:none}.centertxt{text-align:center}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}