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