Starting…

* {
	box-sizing:border-box;
}
body {
	background-color:#00A6BC;
	font-family:‘Roboto’,sans-serif;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100vh;
	overflow:hidden;
	margin:0;
}
div {
	position:absolute;
	bottom:20px;
	background:rgba(0,0,0,0.1);
	padding:10px 20px;
	font-size:18px;
}
input {
	width:50px;
	padding:5px;
	font-size:18px;
	background-color:#fff;
	border:none;
	text-align:center;
}
input:focus {
	outline:none;
}