@import url("https://fonts.googleapis.com/css?family=Montserrat:900|Roboto:300,400,400i,700,900&subset=latin-ext");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background-color:#000}.login-form{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100vh}.login-form form{display:block;width:300px;margin:auto}.login-form form button,.login-form form input{color:#50514f;font-family:Roboto,sans-serif}.login-form form input{display:block;width:100%;padding:8px 12px;margin-bottom:10px;border:1px solid #50514f;font-size:16px;font-weight:400}.login-form form input:focus{border-color:#4812c3;outline:none}.login-form form button{display:block;width:100%;padding:10px;border:1px solid #50514f;font-size:14px;font-weight:900;text-transform:uppercase;-webkit-transition:all .3s ease;transition:all .3s ease}.login-form form button:hover{border-color:#4812c3;color:#fff;background-color:#4812c3;cursor:pointer}