<style>
body {
    background-color: black;
}

#enter {
    background-color: white;
    width: 37%;
    height: 48%;
    position: relative;
    border-radius: 3%;
    font-size: 2em;
    margin-top: 8%;
    margin-left: 28%;
    text-align: center;
    padding: 2%;
}
</style>

<h1 style="color:white;margin-top:5%;font-size:4em;"><center>ここで何をしている？</center></h1>
<section id="enter">

        <h1>お帰りなさい ,</h1>
        <h1 style="color:red;">パスワード ?</h1>
        <form>
        <input id="userPassword" type="password">
        <button type="button" id="button">入る</button>
    </form>
</section>