more responsive

frontend/src/views/Betaparty.vue

@@ -43,8 +43,9 @@ export default {
 <style>
 .player-hand{
   position: absolute;
-  bottom: 9%;
-  left: 310px;
+  bottom: 90px;
+  left: 50%;
+  margin-left: -390px;
 }
 
 .winds{
@@ -53,7 +54,9 @@ export default {
   position: absolute;
   top: 50%;
   margin-top: -138px;
-  left: 560px;
+  left: 50%;
+  margin-left: -138px;
+  
 }
 
 .winds::after {
@@ -101,20 +104,23 @@ export default {
 }
 .top-hand{
   position: absolute;
-  left: 400px;
+  left: 50%;
+  margin-left: -299px;
 }
 .right-hand{
   position: absolute;
-  transform: rotate(-90deg)
-  ;top: 454px;
-  left: 864px;
+  transform: rotate(-90deg);
+  right: -70px;
+  top: 50%;
+  margin-top: -23px;
 }
 
 .left-hand{
   position: absolute;
   transform: rotate(90deg);
   left: -70px;
-  top: 454px;
+  top: 50%;
+  margin-top: -23px;
 }
 /*
 .party *{