User:RSChetFaker/common.css

margin: 0; padding: 0; }

body { background-color: #FAFAFA; }

position: relative; height: 560px; width: 640px; border: solid 1px #438ab5; }
 * 1) canvas {

.heap { width: 79px; height: 100%; float: left; border-right: solid 1px #438ab5; }

.heap ul { list-style: none }

.heap ul li { width: 100%; height: 25px; display: flex; justify-content: center; align-items: center; }

.heap ul li a { color: #438ab5; text-decoration: none; }

a:hover { text-decoration: underline !important; }

.grid { position: relative; height: 560px; width: 560px; background: url('http://reldo.xyz/img/grid2.png') repeat; display: inline-block; }

.block { position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 80px; width: 80px; background-color: #CCCCCC; color: #438ab5; }

.one { background-image: url('http://reldo.xyz/img/one.png'); }

.two { background-image: url('http://reldo.xyz/img/two.png'); }

.workshop { background-image: url('http://reldo.xyz/img/workshop.png'); }

.three { background-image: url('http://reldo.xyz/img/three.png'); }

.four { background-image: url('http://reldo.xyz/img/four.png'); }