html, body { background-image: url('/Public/Static/images/bg1.jpg'); color: #fff; font-family: poppins, sans-serif; }

.mox-login { position: relative; background: linear-gradient(180deg, rgba(23, 44, 54, 0.90) 0%, rgba(23, 44, 54, 0.60) 100%); padding: 100px; position: absolute; width: 100%; max-width: 700px; box-sizing: border-box; top: 0; bottom: 0; margin: 0; overflow: visible; }
h1, h2, h3 { color: #98CCC8 }
h1 { font-size: 46.542px; }
h2 { color: #fff; font-size: 27px; font-weight: normal; }

.mox-login .logo { position: absolute; right: 0; top: 100px; background-color: #172C36; padding: 0 20px; transform: translateX(100%); }
.mox-login .logo img { width: 150px; }

a.mox-login-button, 
.mox-login fieldset input[type=submit], 
.mox-login fieldset button.save { padding: 20px 22px; line-height: 24px; border-radius: 0; background-color: #98CCC8; color: #000; font-weight: bold; font-size: 19px; }
a.mox-login-button:hover, 
.mox-login fieldset input[type=submit]:hover, 
.mox-login fieldset button.save:hover { background: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), #98CCC8; }

.mox-login fieldset p label { font-size: 14px; margin-bottom: 6px; }

.mox-login fieldset p input[type=text], 
.mox-login fieldset p input[type=password], 
.mox-login fieldset p textarea { height: 55px; border-radius: 0; border: 0; padding: 10px 20px; }

.mox-login fieldset { margin: 0; padding: 0; }

a { color: #fff; text-align: unset; display: inline-block; }
p { margin: 1.5em 0; }

.buttons { display: flex; align-items: center; }
.buttons > :first-child { flex: 1; }

@media only screen and (max-width: 960px) {
    html, body { position: static; height: 100%; }
    .mox-login-background-overlay { position: static; height: 100%; }
    .mox-login { padding: 20px 40px; position: static; }
    .mox-login .logo { position: static; background-color: unset; transform: unset; padding: 0; }

    h1 { margin: 0; font-size: 40px; }
    h2 { margin-top: 0; font-size: 20px; }
}