* { box-sizing: border-box; }
*:focus { outline: none; }
body { font-family: Arial; background-color: #3498DB; }
.col-center { margin: auto; margin-top: 90px; float: none; }
.login { margin: 0px auto; max-width: 420px; background: rgba(255,255,255,0.3); padding: 10px; border-radius: 10px; box-shadow: 2px 4px 4px #000000; width: 100%; border: 1px solid #8a8a8a; }
.login-screen { padding: 20px; border-radius: 5px }
.app-title { text-align: center; color: #777; }
.login-form { text-align: center; padding-top: 20px; }
.control-group { margin-bottom: 10px; }
input { text-align: center; background-color: #ECF0F1; border: 2px solid transparent; border-radius: 3px; font-size: 16px; font-weight: 200; padding: 10px 0; width: 100%; margin-bottom: 10px; transition: border .5s; }
input:focus { border: 2px solid #3498DB; box-shadow: none; }
.btn { border: 2px solid transparent; background: #3498DB; color: #ffffff; font-size: 16px; line-height: 25px; padding: 10px 0; text-decoration: none; text-shadow: none; border-radius: 3px; box-shadow: none; transition: 0.25s; display: block; width: 250px; margin: 0 auto; }
.btn:hover { background-color: #2980B9; }
.login-link { font-size: 12px; color: #444; display: block; margin-top: 12px; }
.st0 { fill: white !important; }