* { box-sizing: border-box; font-family: "Montserrat", sans-serif; }
html { height: 100%; margin: 0; padding: 0; }
body { background: linear-gradient( 0 , #333 , #111 ) no-repeat #333; color: #999; text-align: center; font-size: 16px; height: 100%; margin: 0; padding: 0; display: flex; }
h1 { color: #fff; margin: 40px 0 0; }
h2 { color: #fff; margin: 40px 0 0; }
a, a:visited { color: #09c; text-decoration: none; border-bottom: 1px solid #09c; }
a:hover { color: #5bf; border-bottom: 1px solid #5bf; }
input[type=text], input[type=password], input[type=text]:focus, input[type=password]:focus
    { font-size: 16px; border: none; box-shadow: 0 0 1px #333 inset; border-radius: 5px; padding: 10px; width: 280px; background: linear-gradient( 0 , #eee, #aaa); outline: none; line-height: 2em; }
input[type=button] { font-size: 16px; border: 1px solid #000; background: linear-gradient( 0 , #049 , #07b ); border-radius: 5px; padding: 10px; width: 280px; color: #fff; cursor: pointer; line-height: 2em; }
input[type=button]:hover { background: linear-gradient( 0 , #06c , #09d ); }

b, .bold { color: #fff; font-weight: bold; }
.white { color: #fff; }

.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top40 { margin-top: 40px; }
.b-30 { margin-bottom: -30px; }

.font14 { font-size: 14px; }
.font12 { font-size: 12px; }

.tcent { text-align: center; }

.input-label { margin-bottom: 5px; font-size: 12px; }