/**
 * use: admin/login
 */
@import'animates.css';

.login-wrapper { position: fixed; z-index: 2; top: 50%; left: 50%; width: 500px; min-height: 360px; margin-top: -180px; margin-left: -250px; padding: 15px; border: 1px solid rgba(50, 255, 255, 1); border-radius: 1rem; background-color: rgba(50, 255, 255, .15); }
.login-wrapper:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; border-radius: 1rem; background-color: rgba(0, 0, 0, .75); }
.login-wrapper.register { min-height: 400px; margin-top: -200px; }
.login-wrapper.password { min-height: 400px; margin-top: -200px; }

.login-wrapper label { color: rgba(50, 255, 255, .75); }
.login-wrapper .form-control { opacity: .7; }

.login-wrapper a.pull-right { margin: 1rem auto 0; }
.login-wrapper a.pull-right:hover { color: rgba(50, 255, 255, .75); }
.login-wrapper a.link { display: inline-block; transition: all .3s; color: rgba(50, 180, 180, .6); }
.login-wrapper a.link:hover { color: rgba(50, 255, 255, .6) }

.login-wrapper .login-box-msg { display: flex; justify-content: center; font-size: 1.2rem; margin: .5rem auto 1.5rem; user-select: none; color: rgba(50, 180, 180, .6); -webkit-animation: hue 30s infinite linear; animation: hue 30s infinite linear; }

.login-logo { display: flex; margin-bottom: 1.5rem; justify-content: center; }
.login-logo>a { font-size: 3.2rem; font-style: italic; text-decoration: none !important; }
.login-logo>a>b { -webkit-animation: hue 20s infinite linear; animation: hue 20s infinite linear; }
.login-logo>a>small { margin-left: 3rem; font-size: 2rem; }