*{box-sizing:border-box}h1{color:#ccc;text-align:center;font-size:50px}.login-form{background:#eee;border-radius:4px;width:350px;margin:auto;padding:40px 30px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.form-group{margin-bottom:15px;position:relative}.form-controls{color:#666;background:#fff;border:2px solid #ddd;border-radius:4px;width:100%;height:50px;padding:5px 7px 5px 15px}.form-controls:focus,.form-controls:focus+.fa{color:#10ce88;border-color:#10ce88}.form-group .fa{color:#999;position:absolute;top:17px;right:15px}.log-status.wrong-entry{animation:.3s wrong-log}.log-status.wrong-entry .form-controls,.wrong-entry .form-controls+.fa{color:#ed1c24;border-color:#ed1c24}.log-btn{dispaly:inline-block;color:#fff;background:#0ac986;border:none;border-radius:4px;width:100%;height:50px;font-size:16px;text-decoration:none}.link{color:#0ac986;float:right;margin-bottom:15px;font-size:12px;text-decoration:none}.link:hover{color:#8c918f;text-decoration:underline}@keyframes wrong-log{0%,to{left:0}20%,60%{left:15px}40%,80%{left:-15px}}.text-danger{color:red}.alert{border:1px solid #0000;border-radius:4px;width:98%;padding:15px}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}