<body>
<div class="row mt-5">
<div class="col-md-6 m-auto">
  <div class="card card-body text-center" style="background-color:darkblue;">
    <h1><img src="http://localhost:5000/assets/img/cravings.png"
      style="width:280px;"></img>
    </h1>
    <p style="font-size: 40px; color: azure;"><b>Create an account or login</b></p>
    <a href="/users/register" class="btn btn-primary btn-lg btn-block mb-2"style="font-size: large; color: azure;">
      Register</a>
    <a href="/users/login" class="btn btn-secondary btn-lg btn-block" style="font-size: large; color: azure;"
    >Login</a>
  </div>
</div>
</div>
</body>

<style>
  body {
        width: 100%;
        align-items : center;
        height: 100%;
          
  
        background-position: center center;
  
        background-repeat: no-repeat;
  
        
        background-attachment: fixed;
  
        
        background-size: cover;
  
        background-color: green;
        overflow: hidden;
  
        background-image:url('http://localhost:5000/assets/img/background-welcome.jpg');
        font-family: 'Satisfy'
    }  
  </style>