#flashcards-container{text-align:center;width:800px;margin:auto;position:relative}#card{background-color:#fff;color:#000;border:1px solid #eee;width:500px;height:300px;text-align:center;margin:50px auto;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 10px;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 10px;-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 10px;-o-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 10px}#card table{width:100%;height:100%;margin:0;}#card td{line-height:55px;padding:10px;vertical-align:middle;overflow:auto;font-size:30px}#card.hidden{display:none}#card.flipped{background-color:#ededed}#progress{text-align:center;color:#000;z-index:10;position:relative;margin:80px auto}#progress table{margin:5px;float:left}#progress td{box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;-o-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;text-align:center;background-color:#fff;border:1px solid #eee;width:130px;height:78px;vertical-align:middle;cursor:pointer}#progress td.strong{background-color:#d3f5dc;border-color:#d3f5dc}#progress td.weak{background-color:#f5d3d3;border-color:#f5d3d3}#progress td.strongish{background-color:#d3f3f5;border-color:#d3f3f5}#progress td.weakish{background-color:#eddfcc;border-color:#eddfcc}#buttons{position:absolute;left:0px;top:280px;width:100%}#buttons a{color:#bbbbbb;font-size:100px;text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);cursor:pointer;padding:0;margin:0;width:100px;height:100px;display:block;position:absolute;z-index:10}#flipButton{left:350px}#flipButton:hover{color:blue}a#wrongButton{display:none;left:100px}a#wrongButton:hover{color:red}a#rightButton{display:none;right:100px}a#rightButton:hover{color:green}#directions{display:none}#directions p{padding:0.5em 0}