.bits {
top: 70vh;
left: 0;
- bottom: 15vh;
+ bottom: 10vh;
right: 50vw;
line-height: 15vh;
}
.adj {
display: block;
- padding: 0;
- max-width: 0.6em;
- min-width: 0.6em;
line-height: 0.6em;
width: 0.6em;
height: 0.6em;
- max-height: 0.6em;
- max-height: 0.6em;
font-size: 20vmin;
font-family: 'Sans', sans-serif;
border-style: solid;
border-width: 1px;
border-radius: 0.3em;
+ position: absolute;
+ margin-top: -2.25em;
+ margin-left: 1.6667em;
+ overflow: hidden;
}
/* Height 0.6 with line-height 0.6 should be centering the text,
.score {
top: 0vh;
left: 0;
- bottom: 70vh;
+ bottom: 30vh;
right: 50vw;
line-height: 70vh;
}
#current-score, #current-actions { line-height: 1.3333em; }
}
- #current-score + .adj, #current-actions + .adj {
- position: absolute;
- margin-top: -2.25em;
- margin-left: 1.6667em;
- }
-
.turn {
left: 45vw;
top: 70vh;
- bottom: 15vh;
+ bottom: 10vh;
right: 0;
line-height: 15vh;
}
<div class="mark subdue" style="font-size: 30vmin; height: 40vmin"></div>
<a class="button" onclick="dismiss()">You Win!</a>
</div>
+ <div id="overlay"></div>
</body>
</html>