Lock screen: move text below password field

Hi, I am looking to move my body text on my password page BELOW the "password" field, and change the "password" field font to my custom font. I have managed to do so with the page body font, but am struggling with the field input. Can anyone help with this?

Site is: https://shorturl.at/pyETY (link shortened)

#1. Use this code to Website > Website Tools > Code Injection > Lock Screen/Lock Page

<style>
.lock-screen .restrict-width-1000 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
</style>

#2. Can you paste font file url here?