@import "https://use.fontawesome.com/releases/v5.5.0/css/all.css";


body{


margin: 0;


padding: 0;


font-family: sans-serif;


background: url(bg.jpg) no-repeat;


background-size: cover;


}


.login-box{


width: 280px;


position: absolute;


top: 50%;


left: 50%;


transform: translate(-50%,-50%);


color: black;


}


.login-box h1{


float: left;


font-size: 40px;


border-bottom: 6px solid #4caf50;


margin-bottom: 50px;


padding: 13px 0;


}


.textbox{


width: 100%;


overflow: hidden;


font-size: 20px;


padding: 8px 0;


margin: 8px 0;


border-bottom: 1px solid #4caf50;


}


.textbox i{


width: 26px;


float: left;


text-align: center;


}


.textbox input{


border: none;


outline: none;


background: none;


color: white;


font-size: 18px;


width: 80%;


float: left;


margin: 0 10px;


}


.btn{
background:#2C97DF;
  color:white;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:5px solid #2A80B9;
  padding:10px 20px;
  text-decoration:none;
  font-family:sans-serif;
  font-size:11pt;
}