index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>text centre</title>
    <style>
        
    </style>
    
        <img src="images/CSE_Wordmark.jpg" id = "image1">
         <img src = "images/IMG_7060.jpg" id = "image2">
   
    
       
</head>
<style>
    *
{
    margin: 0%;
    padding: 0%;
}
h1
{
    position: absolute;
    font-size: 3rem;
    font-weight: 800;
    margin: 0%;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color-scheme: white, beige, red;
    left: 32%;
    top: 5%;
    transform: translateX(100%);
    text-transform:uppercase;
}

</style>



<body>
    <h1 style="font-family:verdana;">This is a heading</h1>
    
    <h1 style="font-size:60%;">Please enter a password</h1>
    <h1>MAZE PASSWORD CHECKER</h1>

</body>

</html>