Untitled

<!doctype html>
 <style>
 body{
   background-color: rgba(0, 0, 0, 0.85);

 }
 .form1{
   margin-top: 40px;
   margin-right:60px;

 }

 .Headline{
 margin-top: 250px;
 margin-left: 500px;
 }
 .Bild{
   margin-left: 825px;
   margin-top: -700px;
 }
 .button {
   cursor: pointer;
 }
 #check {
   color:white;
   margin-left: 575px;
 }
 </style>
 <html>
 <head>
   <meta charset="utf-8">
   <title>Login</title>
 </head>
 <body>
   <div class="Headline">
     <a style="font-size:50px; color:white;";>Welcome to
       <a style="font-size: 50px;"> black
       </a>
     </a>
     <a style="color:orange;">Orange</a>
   </div>


   <form class="form1" action="" method="post">
     <table align="center">
       <tr>
         <td><input type="text" name="username" placeholder="Enter your username"></td>
       </tr>
       <tr>
         <td><input type="password" name="password" placeholder="Enter your password"></td>
         <td></td>
         <td><input type="submit" name="submit" value="Login"></td>
       </tr>
     </table>
   </form>
   <img class="Bild" src="orange.png" height="100px" weight="100px"/>
   <div class="output">
     <p id="check">
     <?php
     $usernames = array('Silas', 'Kaan');
     $passwords = array('Test123', 'Test321');
     if(isset($_POST['submit'])) {
       $user = $_POST['username'];
       $pass = $_POST['password'];
       if($user == $usernames[0] && $pass == $passwords[0] || $user == $usernames[1] && $pass == $passwords[1]) {
         echo("You are logged in");
         header('Location: http://localhost:8888/webseite/BlackOrange.php');
       } else {
         echo("Invalid Username/Password");
       }
     }
      ?>
    </p>
  </div>
 </body>
 </html>