typo fix + screen fix

css/custom.css

@@ -31,7 +31,7 @@ a {
 }
 
 .traj-sel {
-    stroke: #a92234 !important;
+    stroke: #e72444 !important;
     opacity: 1 !important;
     stroke-width: 4px !important;
 }

index.html

@@ -63,8 +63,8 @@
     </div>
     <div class="row" style="margin-top: 15px">
         <div class="five  columns" style="position: relative">
-            <h5> What if an artificial doom Player had reduced memory?</h5>
-            <p style="max-height: 100px;">We trained an artificial DOOM player using Deep Reinforcement learning.
+            <h5> What if we Reduced the Memory of an Artificial Doom Player?</h5>
+            <p style="max-height: 100px;">We trained an artificial DOOM player <img src="assets/agent.png" class="arrow-icon" height="57px"> using Deep Reinforcement learning.
                 It has to gather items in a specific order: <br>Green Armor <img src="assets/armorGreen.png"
                                                                                  class="item-icon" height="57px"> <img
                         src="assets/arrow.png" class="arrow-icon"> Red Armor
@@ -73,7 +73,9 @@ <h5> What if an artificial doom Player had reduced memory?</h5>
                 Soul-sphere <img src="assets/soul.png"
                                  class="item-icon" style="width: 20px"> , with the
                 shortest path possible.
-                Let’s explore how changing the train agent memory influences its trajectory!</p>
+                Let’s explore how reducing the memory of a trained agent influences its trajectory!
+
+            </p>
 
         </div>
         <div class="seven columns">
@@ -117,7 +119,7 @@ <h5 style="width: 100%" id="card_title"> Full Memory</h5>
 
         </div>
         <div onclick="$('.right-card-arr').trigger('click')"
-             style="cursor:pointer;position: absolute;right: 28px;bottom: -40px"><a>next <img src="assets/arrow.png"
+             style="cursor:pointer;position: absolute;right: 28px;bottom: -65px"><a>next <img src="assets/arrow.png"
                                                                                               class="arrow-icon"> </a>
         </div>
     </div>

js/trajectory.js

@@ -187,7 +187,7 @@ function draw_agent_path(svg, pos, or) {
         .attr('fill', '#a92234')
         .attr('stroke', '#555555')
         .attr('stroke-width', '1')
-        .attr('transform', 'translate(' + ((traj_x(pos[0]) - 15) + offx) + ',' + ((traj_y(pos[1]) - 15) + offy) + ') rotate(' + (360 - or) + ' ' + (15) + ' ' + (15) + ')')
+        .attr('transform', 'translate(' + ((traj_x(pos[0]) - 15) + offx) + ',' + ((traj_y(pos[1]) - 15) + offy) + ') rotate(' + (0) + ' ' + (15) + ' ' + (15) + ')')
 }