Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Marich Paypal</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<style>
    .body {
        margin: 0px;
        padding: 0px;
    }
    .paypal-login {
        background-color: #fff;
        background-position: center;
        height: 100%;
        width: 100%;
        align-items: center;
        margin: auto;
    }
    .box1 {
        width: 500px;
        height: 600px;
        background-color: white;
        border: 1px solid rgb(164, 164, 164);
        border-radius: 30px;
        position: absolute;
        top: 20%;
        left: 35%;
    }
    .logo {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 10%;
        left: 45%;
    }
    .signup {
        position: absolute;
        top: 50%;
        left: 10%;
        background-color: rgb(21, 21, 216);
        color: #fff;
        border-radius: 30px;
        border: 0px;
        width: 400px;
        height: 50px;
    }
    .signup:hover {
        background-color: rgb(18, 18, 122);
    }

    .next {
        position: absolute;
        top: 70%;
        left: 10%;
        background-color: #fff;
        color: rgb(21, 21, 216);
        border-radius: 30px;
        border: 1px solid rgb(21, 21, 216);
        width: 400px;
        height: 50px;
    }

    .next:hover {
        border: 2px solid rgb(21, 21, 216);
    }

    .linija1 {
        position: absolute;
        top: 62%;
        left: 5%;
        width: 200px;
    }
    .linija2 {
        position: absolute;
        top: 62%;
        right: 5%;
        width: 200px;
    }

    .or {
        color: rgb(164, 164, 164);
        position: absolute;
        top: 62%;
        right: 49%;
    }
</style>
<div class="paypal-login">
<div class="box1">
    <img class="logo" src="logo.png">

    <button class="signup">Next</button>
    <button class="next">Sign Up</button>
    <hr class="linija1">
    <hr class="linija2">
    <p1 class="or">or</p1>
</div>
</div>

    <body>

</body>
</html>