{{ block title }}Task 2: Stage 3{{ endblock }}
{{ block content }}

<div class="card bg-light m-3">
    <div class="card-body">
          <h5> Income calculations: </h5>
<p>
<b> Participant A:</b> 200 tokens (participant A's earnings from puzzles)
  <br> &nbsp &nbsp &nbsp  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp minus number of tokens allocated to participant B by participant A
<br> &nbsp &nbsp &nbsp  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp  minus 3 times the number of deduction tokens you transferred to participant A<br>
 <b> Participant B: </b> number of tokens participant A allocated to participant B<br>
 <b> Participant C (You): </b> 100 (your earnings from puzzles) <br>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp   &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp&nbsp minus number of deduction tokens you transfer to participant A
</p>
         </div>
</div>


<p> Below you are given intervals for the amount participant A send to participant B. Please determine the number of deduction tokens, if any, you would like to transfer to participant A for each interval.</p>

{{ formfields }}
{{ next_button }}

<style>
  #avatarContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
      padding-bottom: 50px;
  }

  .avatar-wrapper {
    position: relative;
    display: inline-block;
    width: 264px;
    height: 280px;
    background-size: cover;
    background-position: center;
      border-radius: 47%;
  }

  .avatar-image {
    width: 264px;
    height: 280px;
  }

  .topImage {
     position: absolute;
        bottom: 7px;
        left: 36%;
      transform: scale(1.3);
  }

  .caption {
  text-align: center;
  margin-top: 5px;
  font-size: 20px;
}
</style>


{{ endblock }}