1 files changed, 16 insertions, 4 deletions

diff --git a/play.css b/play.css
index 9b3d60c..436377f 100644
--- a/play.css
+++ b/play.css
@@ -1,10 +1,13 @@
 main { background-color: slategray; }
 header { background-color: silver; }
+aside { background-color: #f5e8d7; }
 body.British header.your_turn { background-color: salmon; }
 body.American header.your_turn { background-color: skyblue; }
-aside { background-color: #f5e8d7; }
-.one .role_name { background-color: skyblue; }
-.two .role_name { background-color: salmon; }
+#role_American .role_name { background-color: skyblue; }
+#role_British .role_name { background-color: salmon; }
+.role_vp { float: right; }
+
+#log > div { padding-left: 20px; text-indent: -12px; }
 
 #log .h1 {
 	background-color: tan;
@@ -22,7 +25,7 @@ aside { background-color: #f5e8d7; }
 #log .h2.american { background-color: skyblue; }
 #log .h2.british { background-color: salmon; }
 
-#log .card_tip { text-decoration: dotted underline; }
+#log .card_tip:hover { text-decoration: dotted underline; }
 
 aside {
 	width: 230px;
@@ -42,6 +45,15 @@ aside {
 	margin: 5px auto;
 }
 
+.hand {
+	margin: 15px;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	min-height: 370px;
+	gap: 15px;
+}
+
 /* CARD ACTION POPUP MENU */
 
 #popup {