@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: white;
}


.login-box h1
{
float: left;
font-size: 45px;
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: 01px solid #4caf50;
}

.taxtbox i
{
  width: 26px;
float: left;
text-align: center;
}

.textbox input
{
border: none;
outline: none;
background: none;
color: white;
font-size: 18px;
width: 80%;
float: right;
margin: 0 10px;
}

.btn
{
width: 100%;
background: none;
border: 2px solid #4caf50;
color: rgb(255, 255, 255);
padding: 5px;
font-size: 18px;
cursor: pointer;
margin: 12px 0;
}





  @media (max-width:720px){


    body{
      margin: 50%;
      padding: 50%;
  font-family: sans-serif;
  background: url(bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;



}




  }