import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Login Page',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        hintColor: Colors.white,
        accentColor: Colors.white,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.redAccent,
      body: Container(
        margin: EdgeInsets.only(left: 23, right: 23),
        child: SingleChildScrollView(
          child: Center(
            child: Column(
              children: <Widget>[
                SizedBox(height: 100),
                Text(
                  "Byneet",
                  style: GoogleFonts.mrDafoe(
                      fontSize: 65,
                      fontWeight: FontWeight.w500,
                      textStyle: TextStyle(
                        color: Colors.white,
                      )),
                ),
                SizedBox(height: 50),
                Theme(
                  data: ThemeData(
                    primaryColor: Colors.white,
                    primaryColorDark: Colors.white,
                  ),
                  child: TextField(
                    keyboardType: TextInputType.emailAddress,
                    cursorColor: Colors.white,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(14),
                        borderSide: BorderSide(color: Colors.white),
                      ),
                      fillColor: Colors.white,
                      focusColor: Colors.white,
                      hoverColor: Colors.white,
                      labelText: "Username",
                      labelStyle: GoogleFonts.sourceSansPro(
                        textStyle: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                    style: TextStyle(
                      color: Colors.white,
                    ),
                  ),
                ),
                SizedBox(height: 20),
                Theme(
                  data: ThemeData(
                    primaryColor: Colors.white,
                    primaryColorDark: Colors.white,
                  ),
                  child: TextField(
                    obscureText: true,
                    cursorColor: Colors.white,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(
                        borderSide: BorderSide(style: BorderStyle.none),
                        borderRadius: BorderRadius.circular(14),
                      ),
                      fillColor: Colors.white,
                      focusColor: Colors.white,
                      hoverColor: Colors.white,
                      labelText: "Password",
                      labelStyle: GoogleFonts.sourceSansPro(
                          textStyle: TextStyle(color: Colors.white)),
                    ),
                    style: TextStyle(
                      color: Colors.white,
                    ),
                  ),
                ),
                SizedBox(height: 50),
                RaisedButton(
                  color: Colors.red,
                  onPressed: () {},
                  child: SizedBox(
                    width: MediaQuery.of(context).size.width,
                    height: 50,
                    child: Align(
                        alignment: Alignment.center,
                        child: Text(
                          "LOGIN",
                          style: GoogleFonts.lato(
                              fontWeight: FontWeight.w700,
                              textStyle: TextStyle(color: Colors.white)),
                        )),
                  ),
                ),
                SizedBox(height: 15),
                FlatButton(
                  onPressed: () {},
                  child: Text(
                    "No Account yet? Create One",
                    style: GoogleFonts.andika(
                        fontSize: 15,
                        textStyle: TextStyle(color: Colors.white)),
                  ),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}