void main() {
  runApp(MaterialApp(
    home: Home(), // call stateless widget
  ));
}

class Home extends StatelessWidget {
  @override // Redefine build method: This allow the build Widget below to be used instead of the build inherited from ancestor
  Widget build(BuildContext context) { // This allow automatic loading
    return Scaffold(
      appBar: AppBar(
        title: Text("Hello Shaun!"),
        centerTitle: true,
        backgroundColor: Colors.cyan[300], // Material design pallet
      ),
      body: Center(
        child: Text(
          "My first app",
          style: TextStyle( // select TextStyle by clicking and cntl+q gives style options
            fontSize: 20.0,
            fontWeight: FontWeight.bold,
            letterSpacing: 2.0,
            color: Colors.grey[600],
            fontFamily: "HachiMaru", // What font is called in pubspec.yaml
            // Font can be downloaded in [google fonts](https://fonts.google.com/)
            // Make fonts directory in project and drag and drop the .ttf file inside the font folder
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Text('click'),
        backgroundColor: Colors.blueGrey[800],
      ),
    );
  }
}