@import url("https://fonts.googleapis.com/css?family=Muli&display=swap");

* {
	box-sizing: border-box;
}

body {
	font-family: "Muli", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: linear-gradient(#98adda, #fcd2d3);
	height: 100vh;
	overflow: hidden;
	margin: 0;
}

.back {
	position: absolute;
	top: 2vh;
	left: 5vw;
	color: black;
	font-size: 2rem;
}

.speed {
	position: absolute;
	bottom: 50px;
	padding: 10px 20px;
	font-size: 18px;
}

.glass {
	height: 56px;
	width: 10%;
	position: absolute;
	background: #ffffff;
	bottom: 50px;
	opacity: 0.25;
	backdrop-filter: blur(4px);
	border-radius: 5px;
	z-index: 1;
}

input {
	width: 50px;
	padding: 5px;
	font-size: 18px;
	background-color: var(--primary);
	text-align: center;
}

input:focus {
	outline: none;
}