@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

* {
	font-family: 'Rubik', sans-serif;
}

body {
	background: url(../img/fondo.png) center repeat;
	background-size: 230px;
	margin: 0;
	padding: 0;
}
section {
	height: 100vh;
	padding-top: 3rem;
}

h3 {
	color: cornflowerblue;
	text-transform: uppercase;
	font-style: bold;
	margin: 16rem 7rem 0 7rem;
	position:absolute;
}

input {
	color: #666;
	border-radius: .2rem;
	border: none;
	margin: .5rem 0;
	padding: .2rem .5rem;
	font-size: 1.2rem;
	border: none;
	width: 80%;
/*	transition: .2s ease-in-out;
	transition-property: color,background-color,border;*/
}

input:hover:after {
	color: cadetblue;
}

.login {
	background-color: purple;
	border-radius: .2rem;
	width: 20rem;
	margin: auto;
	padding: 1rem;
	text-align: center;
}

.btnLogin {
/*	border: none;*/
	border-radius: .2rem;
	padding: 0 1rem;
	color: #fff;
	background-color: #05B5C5;
	margin: .5rem 3rem;
	font-style: bold;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.btnLogin:hover {
	background-color: #05A5C5;
}

.whiteLink, .uk-link {
	margin: 0 1.5rem;
	color: #fff;
	font-size: .9rem;
	float: left;
}

a.whiteLink:hover:after, .uk-link:hover {
	color: burlywood;
	text-decoration: underline;
}