@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
body{
    margin:0;
    padding:0;
    font-family:"sans-serif";
}
.login-box-parent{
	padding:20px;
	width:290px;
	height:350px;
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
	border: 1px solid #133a1630;
	border-radius:10px;
	
}
.login-box{
    width:280px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.login-box h1{
    margin:10px;
    font-family: sans-serif;
    color:#4caf50;
    font-weight:400;
    margin-top: 0px;
    font-size:30px;
    margin-bottom: 10px;
    padding: 5px 0px 0px 0px;
}
.login-box h2{
    margin:10px;
    font-family: sans-serif;
    color:#4caf50;
    font-weight:400;
    margin-top: 10px;
    font-size:20px;
    margin-bottom: 10px;
    padding: 5px 0px 0px 0px;
}
.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;
		font-size:18px;
		width:80%;
		float:left;
		margin:0 10px;
}	
.button {
  background-color: Crimson;  
  border-radius: 5px;
  color: white;
  padding: .5em;
  text-decoration: none;
  cursor:pointer;
}

.button:focus,
.button:hover {
  background-color: FireBrick;
  color: White;
}
#imageBox{
    position:relative;
    top:-80px;
}