body { font-family: "Poppins",sans-serif; font-size: 14px; line-height: 1.6em; }
.logo { display: inline-block; width: 208px; height: 20px; background-position: 0 0; background-image: url(../img/vanta-logo.svg); margin-bottom: 30px; background-size:cover;}
.login-container { height: 100vh; display: table; float: left; width: 100%; background-color: #24262a;}
.login-container .login-form { display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 2; }
.login-container .login-form > div:not(.logo) { display: inline-block; width: 460px; padding: 30px; border-radius: 4px; background-color: #fff; box-shadow: 0 6px 8px -6px rgba(0,0,0,0.15); }
.title { font-size: 18px; margin-bottom: 20px; }
.form-control { height: 50px; text-align: center; border: solid 1px #d3d4d5; font-size: 14px; }
.form-control::placeholder { font-family: "Poppins",sans-serif; font-size: 14px; }
.form-control:focus { box-shadow: none; border-color: #1a1f28; }
.custom-control-label { cursor: pointer; }
.btn { font-size: 14px; height: 50px; background-color: #1a1f28; border: 0; margin-bottom: 0 !important; }
.btn:hover { background-color: #2b3342; }
.btn:focus,
.btn:active { box-shadow: none !important; background-color: #2b3342 !important; }
.vanta { display: inline-block; color: #fff; font-size: 12px; font-family: "Poppins",sans-serif; margin-top: 30px; opacity: .6; transition: all .3s cubic-bezier(.77,0,.175,1); }
.vanta strong { font-family: "Poppins",sans-serif; font-weight: 600;}
.vanta:hover { text-decoration: none; color: #fff; opacity: 1; }