body{
	background-color: grey;
	display: flex;
	min-height: 100vh;
	min-width: 400;
	flex-direction: column;
}

main{
	flex: 1 0 auto;
}

img{
	width: auto;
	max-height: 65;
}


/* label color */
.input-field label {
	color: orange;
}
/* label focus color */
.input-field input[type=text]:focus + label {
	color: orange;
}
/* label underline focus color */
.input-field input[type=text]:focus {
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: orange;
}