<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Selfie ID Guidelines</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        font-family: "IBM Plex Sans", sans-serif;
        background-color: #0f0f29;
        text-align: center;
        font-weight: regular;
      }

      #header {
        background-color: #0f0f29; /* Same as the page background */
        padding: 0px;
      }

      #container {
        background-color: #fff;
        width: 80%;
        margin: 0 auto;
        padding: 30px 5%;
        border-radius: 10px;
        margin-top: 20px; /* Increased top margin */
        text-align: left;
        position: relative; /* Container set to relative position */
      }

      #logo {
        margin-bottom: 20px;
        margin-top: 40px;
      }

		h1 {
			font-family: "DezenProHeavy", "Barlow Condensed", sans-serif;
			color:#093ad3;
		 	text-align:left;
		  	text-transform:uppercase;
			font-size:30px;
			line-height:90%;
			margin:10px 0 0 0;
		}

	  h2 {
		 	font-family: "DezenProHeavy", "Barlow Condensed", sans-serif;
			color:#0a1738;
		 	text-align:left;
		  	text-transform:uppercase;
			font-size:26px;
			line-height:90%;
		  	margin-bottom:.4em;
		  	margin-top:1.2em;
		}

      h3,
      h4,
      h5,
      h6 {
        color: #fff; /* Text color changed to black */
        font-weight: bold; /* Text made bold */
      }

		ul{ 
			margin-top:0;
			margin-bottom:40px;

		}

      p {
        color: #0f0f29; /* Text color changed to white */
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
      }

      .unbold {
        font-weight: normal;
      }

      /* Close button styles */
      .close-button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-weight: bold;
        text-decoration: underline;
        color: #0f0f29; /* Close button text color */
      }
    </style>

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,800;1,400;1,600;1,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

  </head>
  <body>
    <div id="header">

    </div>
    <div id="container">
      <h1>How to the the perfect Selfie ID:</h1>
      <ul style="margin-bottom:20px !important;">
        <li>ID is held close to your face</li>
        <li>Fingers not covering any numbers, text, or photos</li>
        <li>Face and ID must be visible and clear, not blurry</li>
      </ul>

		<img src="https://images.ctfassets.net/kz8vuusigpq7/3ACbiQY7H24fHAm6X2WhWd/eacddfd8a1a2d2df84d8fe9030425e8d/ID-Selfie.jpg" alt="Man taking selfie while holding ID to camera" style="border-radius: 4px; border-top: 16px solid #ffffff; border-right: 16px solid #fff; border-bottom: 40px solid #fff;  border-left: 16px solid #fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, .25); transform: rotate(-2deg); margin: 0 0 15px 10px; max-width: 300px; max-width:80%;" />

      <h1>Take a selfie WITH one of the following:</h1>
      <ul>
        <li>
          Your Australian State or Territory issued Driver's Licence or Permit
        </li>
        <li>Australian Passport</li>
        <li>
          National Identity Card or a card issued under a law of a State or
          Territory for the purpose of proving the person’s age
        </li>
      </ul>
      <p class="unbold">
        Please email your Selfie ID to
        <a href="mailto:contact@bluebet.com.au">contact@betr.com.au</a>.
        <br />If you are still unsure of requirements, please email or phone us
        on <a href="tel:1800002387">1800&nbsp;002&nbsp;387</a>.
      </p>

      
      <a class="close-button" href="https://www.betr.com.au/" target="_blank"
        >CLOSE</a
      >
    </div>
  </body>
</html>