|
|
|
@@ -67,9 +67,16 @@ button { |
|
|
|
color: #bbb; |
|
|
|
} |
|
|
|
|
|
|
|
#upgrades-area { |
|
|
|
position: absolute; |
|
|
|
width: 30%; |
|
|
|
right: 35%; |
|
|
|
top: 20%; |
|
|
|
} |
|
|
|
|
|
|
|
#buildings-area { |
|
|
|
position: absolute; |
|
|
|
width: 20%; |
|
|
|
width: 35vmin; |
|
|
|
right: 5%; |
|
|
|
top: 20%; |
|
|
|
height: 80%; |
|
|
|
@@ -179,7 +186,7 @@ button { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
left: 25%; |
|
|
|
transform: translate(0, 5px); |
|
|
|
transform: translate(25px, 5px); |
|
|
|
position: absolute; |
|
|
|
font-size: 60px; |
|
|
|
} |
|
|
|
@@ -239,13 +246,6 @@ button { |
|
|
|
border-color: #666 !important; |
|
|
|
} |
|
|
|
|
|
|
|
#upgrades-area { |
|
|
|
position: absolute; |
|
|
|
width: 20%; |
|
|
|
right: 35%; |
|
|
|
top: 20%; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-aspect-ratio: 1/1) { |
|
|
|
#upgrades-area { |
|
|
|
position: absolute; |
|
|
|
|