style.css

body {
	font-family: 'Roboto', sans-serif;
	background-image: url('/img/landing.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
}

.container {
	padding-top: 50px;
}

.card {
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.btn {
	border-radius: 10px;
}

.btn i.left {
	margin-right: 10px;
}

.btn i.right {
	margin-left: 10px;
}

.input-field input[type=email]:focus+label,
.input-field input[type=password]:focus+label {
	color: #9e9e9e;
}

.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
	border-bottom: 2px solid #4CAF50;
	box-shadow: none;
}

.input-field input[type=email]:not(:focus)+label,
.input-field input[type=password]:not(:focus)+label {
	top: -18px;
	font-size: 14px;
}

.input-field input[type=email]:not(:focus),
.input-field input[type=password]:not(:focus) {
	border-bottom: 1px solid #9e9e9e;
	box-shadow: none;
}

.center-align {
	margin-top: 20px;
}