I am working on a React [project](https://morning-dusk-53803.herokuapp.com/) and I am trying to centre my Button variant to the centre of the home screen. However, I can’t seem to do so. Does anyone have any idea how to do so?

My code

```
import React from "react";
import { Link } from "react-router-dom";
import "./App.css";
import Fancyline from "./Fancylines";
import lock from "./lock.png";
import { Typography, Button, Card, Grid } from "@material-ui/core";
import homepage1 from "./homepage1.png";

function Login() {
  return (
    <div
      style={{
        minHeight: "100vh",
        backgroundImage: `url(${homepage1})`,
        backgroundPosition: "center",
        backgroundSize: "cover"
      }}>
    <div style={{
      textAlign:"center",
      verticalAlign:"bottom",
      bottom:"0px"
    }}>
      <Link to="/Language">
        <Button variant="contained" color="secondary" size="large">
          CONTINUE
        </Button>
      </Link>
    </div>
    </div>
  );
}

export default Login;

```