{{ block title }}
<h1><b>SLOTS</b></h1>
{{ endblock }}

{{ block content }}

 <img src="https://i.imgur.com/Iapt8Tx.png" alt=" blank slot output">

<p>You have: <b>{{C.endowment}} tokens</b>
    <br>
</p>

<p>Plums = 10 tokens<br>
    Watermelons = 20 tokens<br>
    Lucky 7s = 50 tokens<br>
</p>

<style>

    body {
  background-color: darkred;
}

h1 {
  color: antiquewhite;
  text-align: center;
}

p {
  color: antiquewhite;
  font-family: Verdana, serif;
  font-size: x-large;
  text-align: center;
}

img {
  width: 350px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 8px solid black;
}

ul {
  font-family: Verdana, serif;
  font-size: medium;
}



</style>



<div style="text-align:center" >
<button name="slot_spun" value="True">SPIN</button>
</div>

{{ endblock }}