<?xml version="1.0" encoding="UTF-8"?>

<?import com.jfoenix.controls.JFXButton?>
<?import javafx.scene.effect.Shadow?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.shape.Circle?>
<?import javafx.scene.text.Font?>


<AnchorPane fx:id="mainRoot" xmlns:fx="http://javafx.com/fxml/1" id="pane" maxHeight="-Infinity" maxWidth="-Infinity"
            minHeight="-Infinity"
            minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0"
            xmlns="http://javafx.com/javafx/11" fx:controller="sample.MainPageController">
   <Circle layoutX="146.0" layoutY="138.0" opacity="0.42" radius="219.0" stroke="BLACK" strokeType="INSIDE"/>
   <ImageView fitHeight="600.0" fitWidth="1300" layoutX="133.0" layoutY="150.0" pickOnBounds="true" preserveRatio="true"
              AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
              AnchorPane.topAnchor="0.0">
      <Image url="/fire.gif"/>
   </ImageView>
   <ImageView fitHeight="205.0" fitWidth="204.0" layoutX="61.0" layoutY="-26.0" pickOnBounds="true"
              preserveRatio="true">
      <Image url="/logo.png"/>
   </ImageView>
   <JFXButton layoutX="104.0" layoutY="163.0" prefHeight="30.0" prefWidth="119.0"
              style="-fx-background-color: #EB9C0A;" text="New Game" textFill="WHITE" onMouseClicked="#startGame">
      <font>
         <Font name="Segoe UI Black" size="15.0"/>
      </font>
      <effect>
         <Shadow/>
      </effect>
   </JFXButton>
   <JFXButton layoutX="104.0" layoutY="222.0" prefHeight="30.0" prefWidth="119.0"
              style="-fx-background-color: #EB9C0A;" text="Best Players" textFill="WHITE" onMouseClicked="#viewScore">
      <font>
         <Font name="Segoe UI Black" size="15.0"/>
      </font>
      <effect>
         <Shadow/>
      </effect>
   </JFXButton>
</AnchorPane>
