body,html{font-family:Roboto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#2196f3}.card{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:10px;padding:40px;width:400px;height:300px;background-color:#fff}input{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;outline:none;border:none;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input{padding:10px;border-width:1px;border-style:solid;border-color:#d3d3d3;background-color:#fff;margin-bottom:1em}.input:focus{border-color:gray}.input::-webkit-input-placeholder{color:gray}.input::-moz-placeholder{color:gray}.input:-ms-input-placeholder{color:gray}.input::-ms-input-placeholder{color:gray}.input::placeholder{color:gray}.login-button{background-color:#2196f3;color:#fff;border-radius:10px;padding:10px;width:100%}.logo-container{margin-bottom:30px;height:50px}.logo-image-container{float:left;margin-top:5px}.logo-image{vertical-align:middle;width:35px}.logo-text-container{float:left;margin-left:10px}.logo-text-header{font-size:1.5em;font-weight:700}.logo-text-subheader{font-size:.8em}