MAIN#mainContent { background-image: url('./../image/login-back.jpg'); background-position: center; background-size: cover }

MAIN > FORM > DIV > HEADER { font-size: 4em; }

MAIN > FORM > DIV.dvBottom { bottom: 2em; color: #fff; left: 2em; position: absolute; right: 2em; text-align: center; }
MAIN > FORM > DIV.dvBottom > H1 { margin-bottom: 1em }
MAIN > FORM > DIV.dvBottom > H1 > IMG { display: block; margin: 0 auto; width: 50% }
MAIN > FORM > DIV.dvBottom > H1 > SPAN { display: block; font-size: .5em; font-weight: 300; letter-spacing: 0; margin-top: .2em }
MAIN > FORM > DIV.dvBottom > UL { align-items: center; display: flex; gap: .5em; margin: 2em 0; }
MAIN > FORM > DIV.dvBottom > UL > LI { flex: 1; }
MAIN > FORM > DIV.dvBottom > UL > LI > A { background-color: rgba(255, 255, 255, .2); border-radius: .5em; color: #fff; display: block; padding: .75em 0; position: relative }
MAIN > FORM > DIV.dvBottom > UL > LI > A > I { display: block; margin: 0 auto }
MAIN > FORM > DIV.dvBottom > UL > LI > A > SPAN { display: block; font-size: .75em; margin-top: .5em }
MAIN > FORM > DIV.dvBottom > UL > LI > A > DIV.dvSelected { color: #ffcc00; display: none; font-size: 1.5em; position: absolute; right: -.1em; top: -.1em }
MAIN > FORM > DIV.dvBottom > .ui.button { background-color: #013d77 }
MAIN > FORM > DIV.dvBottom > UL > LI > A.selected { background-color: rgba(255, 255, 255, 1); color: #013d77; font-weight: 800 }
MAIN > FORM > DIV.dvBottom > UL > LI > A.selected > I { font-size: 1.5em }
MAIN > FORM > DIV.dvBottom > UL > LI > A.selected > DIV.dvSelected { display: block }