canvas{cursor: none;}body{background-color:#404040;}.Water{background-color: #0180CA;height:10px;width:10px;}.Ground{background-color: #655619;height:10px;width:10px;}.Wind{background-color: #00FF00;height:10px;width:10px;}.Fire{background-color: #CA0F01;height:10px;width:10px;}.fire{display: inline-block;width: 20px;height: 20px;background-position: 0px 0px;}.rock{display: inline-block;width: 20px;height: 20px;background-position: -20px 0px;}.water{display: inline-block;width: 20px;height: 20px;background-position: -40px 0px;}.wind{display: inline-block;width: 20px;height: 20px;background-position: -60px 0px;}.center{margin-top:1%;margin-left:5%;}.elements{text-align: center;}.maincanvas{float:left;width:1200px;height:400px;}.progresscanvas{border:solid 1px;float:left;width:25px;height:428px;}.top{border:solid 1px;background-color:#4CC3D9;text-align: center;float:left;width:1200px;height:25px;}.elements > div{color:white;}.controls{width:80%;color:white;}#current{display: inline-block;}.name{padding-left:4%;}.spriteElements{background-image: url('resources/img/sprite_elements.png');background-color: transparent;background-repeat: no-repeat;height:20px;}#elementRules tr td{width:100px;}