Effortless Reviews Login

by Spencer Smith

HTML

<div class="login">
	<div class="bottom">
		<div id="button">Login</div>
	</div>
</div>

SCSS

*{margin:0;}
body{
	background: linear-gradient(crimson, coral);
	//background: #333;
	min-height: 100vh;
	font-family: sans-serif;
}
div.login{
	width: 300px;
	height: 380px;
	margin-top: calc(50vh - 200px);
	margin-left: calc(50vw - 150px);
	background-color: whitesmoke;
	display: inline-block;
	border-radius: 3px;
	position: relative;
}
.login div.bottom{
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
}
$space: 40px;
div#button{
	color: whitesmoke;
	padding: 15px;
	background-color: #555;
	display: inline-block;
	box-sizing: border-box;
	width: calc(100% - (#{$space} * 2));
	margin: $space 0;
	border-radius: 3px;
	cursor: pointer;
}