index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
form {
  margin-top:5px;
  margin-left:350px;
  border: 1px solid ;
  border-radius: 100px;
  padding: 100px;
  hight:50px;
  width:300px;
}
form{
  text-align: center;
  color: Bla;
}
</style>
</head>
<body>
<form align="center">
  <div class="imgcontainer">
    <img src="./efkalogo.jpg" alt="Avatar" class="avatar">
  </div>
<br></br>
  <div class="center">
  <label for="uname"><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="uname" required>
<br></br>
<div>
    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" required>
</div>
<br><br>
    <button type="submit">Login</button>
    <button type="button" class="cancelbtn">Register</button>
  </br></br>
  </div>
</br>
</br>
</form>
</body>
</html>