<body> <h2 style="text-align:center;">? Fox & Hounds</h2> <!-- Start --> <div id=a> <div style="font-size:0;width:90px;margin:auto"> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">F</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> </div> <p style="text-align:center"> <a href=#b>Fox→middle</a> | <a href=#c>Fox→right</a> </p> </div> <!-- Fox moves middle --> <div id=b style="margin-top:150vh"> <div style="font-size:0;width:90px;margin:auto"> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">F</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> </div> <p style="text-align:center"><a href=#d>Hounds→block</a></p> </div> <!-- Fox moves right --> <div id=c style="margin-top:300vh"> <div style="font-size:0;width:90px;margin:auto"> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">F</div> </div> <p style="text-align:center"><a href=>Hounds→block</a></p> </div> <!-- Hounds block --> <div id=d style="margin-top:450vh"> <div style="font-size:0;width:90px;margin:auto"> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">H</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;">F</div> <div style="display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;"> </div> </div> <p style="text-align:center"><a href=>↩️ restart</a></p> </div> </body>
