Para ajudar no posicionamento eu utilizei a propriedade opacity pois ela permite regular a translucidez dos lados e assim vc consegue ver através deles os lados que ficam por trás. Além disso utilizei bordas pretas que também ajudaram no correto posicionamento das faces do cubo. Então meu código CSS ficou assim:
.face {
display: block;
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 0;
opacity: 0.75;
border: 5px solid black;
box-sizing: border-box;
}Eu acrescentei a propriedade "box-sizing: border-box" pois o espaço da borda estava sobrando, assim ficou tudo dentro dos 200px.
