<div id='FormBox' class="PopUpWrapper minimised animationTransition">
        <div class="WindowTitleBar">
            <div class="WindowTitleBarContainer">
                <div class="WindowThumbnail" style="background-image: url('../Desktop/GeneralAssets/windowsbutton.png');"></div>
                <div class="WindowTitle">Sign Up</div>
            </div>
            <div class="WindowTitleBarContainer">
                <Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();"></Button>
            </div>
        </div>
        <div class="WindowBody" style="padding: 0; margin: 0;">
            <div class="FormBoxWrapper">
            <form action="AccountActions/SignUp.php" method="post">
                <p class="whiteText FormTitle" style="text-align: center; padding: 0; margin: 1vh; font-weight: bolder;">Create New Account</p>
                <div class="LoginField" >
                    <input class="whiteText"  type="text" id="username" name="username" required maxlength="25">
                    <label for="username" class="whiteText">Username*</label>
                </div>
                <div class="LoginField">
                    <input class="whiteText" type="text" id="display_name" name="display_name" required maxlength="25">
                    <label for="display_name" class="whiteText">Display Name</label>
                </div>
                <div class="LoginField">
                    <input class="whiteText" type="text" id="emailLogin" name="email" required maxlength="50">
                    <label for="emailLogin" class="whiteText">Email*</label>
                </div>
                <div class="LoginField">
                    <input class="whiteText" type="password" id="password" name="password" required maxlength="50">
                    <label for="password" class="whiteText">Password*</label>
                </div>
                <div class="LoginField showpassword">
                    <input  id="showloginpasswordcheckbox"  class="Formcheckbox" type="checkbox" onclick="showpass()" style="cursor:pointer" ><a class="whiteText" onclick="showpasstext()" style="cursor:pointer; user-select: none;">Show Password</a>
                </div>
                <div class="LoginField">
                    <input class="whiteText" style="max-width: 25vh;" type="text" id="captcha" name="captcha" maxlength="25" >
                    <a class="whiteText"> Type your username reversed*</a><br>
                </div>
                <div class="LoginField ButtonArea" style="margin-bottom: 5vh;">
                    <button class="HotbarButton LogInButton" type="submit">
                        Sign Up
                    </button>
                    <p class="whiteText">Have a halbear.net account? <a onclick="signInForm()" class="hyperlink register-link">Log In</a></p>
                </div>
            </form>
        </div>
    </div>
</div>