@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

body{
	font-family: 'Roboto', sans-serif;
	background: url(../img/bg.png),
                url(../img/ruido.png),
                linear-gradient(50deg, #fff, #e9e9e9);
}

#container {
	width: 400px;
	height: 400px;
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 250px;
	text-align: center;
}

#container img {
	width: 300px;
	margin-top: 40px;
	margin-bottom: 30px;
}

input {
	height: 40px;
	width: 80%;
	font-size: 18px;
	margin-bottom: 10px;
	background-color: #fff;
	padding-left: 40px;
	border: none;
	background-repeat: no-repeat;
	background-position: 10px;
}

input.login {
	background-image: url(../img/icone-usuario.png);
}

input.senha {
	background-image: url(../img/icone-cadeado.png);
}

input.submit {
	color: #fff;
	background-color: #1a75bc;

	margin-top: 15px;
	padding: 5px 20px;
	height: 45px;
	width: 60%;
	border-radius: 5px;



	background: -webkit-linear-gradient(to bottom, #2189db, #1a75bc);
	background: -moz-linear-gradient(to bottom, #2189db, #1a75bc);
	background: -o-linear-gradient(to bottom, #2189db, #1a75bc);
	background: linear-gradient(to bottom, #2189db, #1a75bc);

}