@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body
{
	margin: 0px;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
	background: url(../img/fundo_log.jpg) no-repeat center center fixed;
	background-color: rgba(0, 0, 0, 1);
	background-size: cover;
}

.login
{
	width: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.login h1
{
	font-size: 40px;
	border-bottom: 6px solid #4caf50;
	padding: 13px 0;
	margin-bottom: 20px;
	color: white;
}

.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
{
	width: 100%;
	background: none;
	border: 2px solid #4caf50;
	color: white;
	padding: 5px;
	font-size: 18px;
	cursor: pointer;
}

.btn:hover
{
	background: #4caf50;
	color: #fff;
	transition: .3s;
}

@media (max-width: 480px)
{
	.login { width: 90%; }
	.login h1 { font-size: 28px; }
	.textbox input { font-size: 16px; }
}