Merge branch 'animations-test' into develop

client/assets/styles/game.css

@@ -29,10 +29,13 @@
 }
 
 .opponent .combat-text {
-    left: 40%;
     top: 75%;
 }
 
+.opponent .combat-anim {
+    top: 25%;
+}
+
 .opponent .game-construct {
     align-items: flex-start;
     grid-template-rows: min-content min-content min-content minmax(min-content, 2fr);
@@ -89,11 +92,11 @@
         max-height: 10em;
     }
 }
-
+/*
 .resolving #targeting {
     opacity: 0;
 }
-
+*/
 .game-construct .name {
     width: 100%;
     margin-bottom: 0.25em;
@@ -200,12 +203,27 @@
 }
 
 .combat-text {
-    fill: whitesmoke;
     font-size: 2em;
     font-family: 'Jura';
     position: absolute;
-    top: 50%;
-    left: 50%;
+    object-fit: contain;
+    top: 15%;
+}
+
+.combat-text svg {
+    height: 7em;
+}
+
+.combat-anim {
+    font-size: 2em;
+    font-family: 'Jura';
+    position: absolute;
+    object-fit: contain;
+    top: 15%;
+}
+
+.combat-anim svg {
+    height: 7em;
 }
 
 .game-construct.active-skill {

client/assets/styles/styles.css

@@ -178,10 +178,14 @@ a {
 svg {
     fill: none;
     stroke: whitesmoke;
-    stroke-width: 0;
+    stroke-width: 5px;
     height: 2em;
 }
 
+.skill-animation {
+    height: 5em;
+}
+
 .team .avatar {
     object-fit: contain;
     max-width: 100%;