Fix borders messing up the button layout; remove more old styling info

gorge.css

@@ -71,8 +71,8 @@ button {
   position: absolute;
   width: 400px;
   right: 5%;
-  top: 20%;
-  height: 20%;
+  top: 15%;
+  height: 25%;
 }
 
 #buildings-area {
@@ -89,22 +89,9 @@ button {
   overflow-x: hidden;
   overflow-y: scroll;
   max-height: 70vh;
+  max-width: 400px;
 }
 
-@media (max-aspect-ratio: 1/1) {
-
-  body #buildings-area {
-    top: 50%;
-    left: 50%;
-    width: 50%;
-    height: 45%;
-    max-height: 40vh;
-  }
-
-  body #buildings-list {
-    max-height: 40vh;
-  }
-}
 
 #building-tooltip {
   position: fixed;
@@ -267,8 +254,10 @@ button {
 #upgrades-list {
   display: flex;
   flex-wrap: wrap;
-  max-height: 20%;
-  padding-bottom: 75px;
+  max-height: 25%;
+  height: 25%;
+  width: 400px;
+  padding-bottom: 100px;
   overflow-x: hidden;
   overflow-y: overlay;
 }
@@ -325,9 +314,7 @@ button {
   background-color: #444;
   transition: 0.2s;
   text-align: center;
-  border: 2px;
-  border-style: solid;
-  border-color: black;
+  box-shadow: inset 0px 0px 0px 2px black;
 }
 
 .upgrade-button > .fas {
@@ -341,7 +328,7 @@ button {
 
 .upgrade-button:hover {
   background-color: #999;
-  border-color: #888;
+  box-shadow: inset 0px 0px 0px 2px red;
 }
 
 .upgrade-button-inactive {