[class*='col-']{text-align:center;vertical-align:middle}#grid{display:none}#cover{position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:900;width:100%;height:100%;display:none}#content{-moz-user-select:none;-webkit-user-select:none;user-select:none;overflow:auto}#readings{background:#dca2db;background:-webkit-linear-gradient(to left, #dca2db, #ddf);background:linear-gradient(to left, #dca2db, #ddf);box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);border-radius:4px;display:inline-block;text-align:center}@media only screen and (min-width: 890px){#readings{width:100%}}#kanjifronts{width:100%;border-radius:4px;display:inline-block;text-align:center;background:#e9ffdd;background:linear-gradient(to right, #e9ffdd, #ffd);box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1)}@media only screen and (min-width: 890px){#kanjifronts{width:100px;height:100%;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;text-align:center}}#readings .interiorDiv,#kanjifronts .interiorDiv{display:inline-block;height:65px;margin-top:10px;margin-bottom:10px;border:1px solid #333;border-radius:4px;background:#fff}#readings p,#kanjifronts p{display:flex;flex-direction:row}#readings .interiorDiv{width:calc(100% - 20px);text-align:left;margin:10px;margin-top:0;font-size:15px;line-height:17px;padding-left:5px;padding-right:5px;height:auto;min-height:65px;display:flex;align-items:center}@media only screen and (min-width: 500px){#readings .interiorDiv{padding-left:20px;padding-right:20px}}@media only screen and (min-width: 890px){#readings .interiorDiv{font-size:18px;min-height:100px;line-height:24px}}#readings .interiorDiv:first-child{margin-top:10px}#readings .interiorDiv.hovered{background:#aaa}#kanjifronts .interiorDiv{width:65px;background:#666;color:#fff;font-size:35px;text-shadow:0 0 3px #000;cursor:move;line-height:65px;text-align:center;vertical-align:middle;margin-right:calc((100% - 325px)/6)}@media only screen and (min-width: 890px){#kanjifronts .interiorDiv{margin-left:auto;margin-right:auto;margin-top:0;height:100px;width:80px;line-height:100px;font-size:35px}}#kanjifronts .interiorDiv:first-child{margin-top:10px;margin-left:calc((100% - 325px)/6)}@media only screen and (min-width: 890px){#kanjifronts .interiorDiv:first-child{margin-left:auto;margin-right:auto}}#kanjifronts .interiorDiv.ui-draggable-dragging{-moz-box-shadow:0 0 0.5em rgba(0,0,0,0.8);-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.8);box-shadow:0 0 0.5em rgba(0,0,0,0.8)}#kanji1.correct{background:red}#kanji2.correct{background:brown}#kanji3.correct{background:orange}#kanji4.correct{background:yellow}#kanji5.correct{background:green}#kanji6.correct{background:cyan}#kanji7.correct{background:blue}#kanji8.correct{background:indigo}#kanji9.correct{background:purple}#kanji10.correct{background:violet}#successMessage{position:absolute;z-index:1000;background:#dfd;border:2px solid #333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);-webkit-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);padding:20px;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;left:0;top:-500px;width:500px;height:200px}#finished{display:none;color:#9F6000;background-color:#FEEFB3;border:solid 1px #9F6000;border-radius:4px;padding:10px;z-index:1000}