body {background-color: #383838;}

.login {width: 450px;margin:auto;}
.login img {width: 180px;display: block;margin: 0px auto 10px;}
.login section {background-color: #F1F1F1;color: #000;font-family:text-regular;box-shadow: 6px 6px 2px #222;}
.login section > header {display:table;width:100%;text-align:center;}
.login section > header div {display:table-cell;width:50%;cursor:pointer;padding:10px 0;color: #444;font-weight: bold;}
.login section > article {padding: 20px 30px 30px;}
.login section > article header { text-align:center; }
.login section > article header h3 {padding: 10px 0 10px;margin:0; }
.login section > article footer { padding-top:15px; }
.login input[type="submit"] { display:block; text-align:center; width: 40%; padding:10px; margin:auto; background: #555; color:#fff; border:none; font-weight:bold; transition:background .2s ease-in-out; cursor:pointer; }
.login input[type="submit"]:hover { background:#444; }
.login input[type="text"] { height:30px; color:#000; }
.login input[type="password"] { height:30px; color:#000; }

.login-path { background: #555;color: #fff !important; transition:background .2s ease-in-out; }
.login-path:hover { background:#44; }

@font-face { font-family: "text-regular"; src: url("../../Styles/font/Quicksand-Regular.otf"); }