body{background:#efefef}#mainFrame{font-family:Domine,Century,Georgia,serif;font-size:20px;height:auto;line-height:140%;max-width:500px;padding:20px}.coranstxt{color:green;font-weight:700}.incoranstxt{color:red;font-weight:700}.spacer{height:50px}#prompt-wrapper{min-height:150px;padding:25px 5px 15px}#hint-wrapper{border-radius:9px;padding:10px}#hint-top{background:#efefef;border-radius:5px;cursor:pointer;height:25px;margin:3px;max-width:100px;padding:3px;position:relative}#hintarrow{left:10px}#hintarrow,#hinttxt{position:absolute;top:5px}#hinttxt{left:30px}#hint-inner{border:1px solid #444;border-radius:15px;max-width:500px}#hint-extra{display:none}.rotate_target{display:block;transform:rotate(0deg);transform-origin:50% 50%;transition:all .4s}.rotated{transform:rotate(90deg)}.rotated,.slowchange{transition:all .4s}.revealtext{max-height:0;overflow:hidden;padding:0}.doreveal{max-height:850px;padding:25px;transition:all .4s}.dohide{max-height:0;padding:0;transition:all 0s}.fastrotate{transform:rotate(0deg);transition:all 0s}#button-wrapper{display:flex;flex-wrap:nowrap;justify-content:space-between}.stylebutton{background:#ccdcea;border:2px solid #4682b4;border-radius:25px;box-shadow:2px 3px 2px #666;padding:5px 10px}.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}