$(document).ready(function() {
                $("#Play").onTap(function(event)
                    {
                    console.log("tapped");
                    $("#Title").remove();
                    $("#slogan").remove();
                    $("#Play").remove();
                    $("#Licences").remove();
                    $("body").append("<div id='Warrior' class='Warrior'></div>");
                    $("body").append("<div id='playerLife' class='Life' style='left:1vw;'></div>");
                    $("body").append("<div class='Mage'></div>");
                    $("body").append("<div id='OpponentName' class='NameTag' style='left:92vw;'>Mage</div>");
                    $("body").append("<div id='OpponentLife' class='Life' style='left: 92vw;'></div>");
                    $("body").append("<div id='EquationBox' class='Box' style='width: 25vw; top: 5vh; left: 35vw;'> 5x5=?   </div>");
                    $("body").append("<div id='PlayerName' class='NameTag' style='left:1vw;'>Warrior</div>");
                    $("body").append("<div id='AnswerBox1' class='Box' style='top: 30vh; left: 20vw;'>20</div>");
                    $("body").append("<div id='AnswerBox2' class='Box' style='top: 30vh; left: 40vw;'>25</div>");
                    $("body").append("<div id='AnswerBox3' class='Box' style='top: 30vh; left: 60vw;'>30</div>");
                    });

                $("#Licences").onTap(function(event){
                    $("#Play").remove();
                    $("#slogan").remove();
                    $("#Title").remove();
                    $("#Licences").remove();
                    $("body").append("<div id='Reece' class='Text' style='font-size:5vh'>Reece Emmins<br> ID: 214514137</div>");
                });