#content{
    font-family: "Electrolize", sans-serif;
	padding: 100px 0;
	width: 100%;
	background-color: hsl(200, 85%, 46%);
	color: #fff;
	font-size: 20px;
}
#length{
	margin-top: 25px;
	-webkit-appearance: none;
	width: 275px;
	height: 23px;
	border: none;
	border-radius: 12.5px;
	cursor: pointer;
}
#length::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 23px;
	height: 23px;
	border: none;
	border-radius: 50%;
	background: hsl(200, 85%, 46%);
}

#length::-moz-range-thumb {
	width: 23px;
	height: 23px;
	border: none;
	border-radius: 50%;
	background: hsl(200, 85%, 46%);
}
#result-length{
	margin-top: 15px;
	border: none;
	width: 50px;
	height: 35px;
	border-radius: 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
#password{
	margin-top: 15px;
	border: none;
	width: 475px;
	height: 40px;
	border-radius: 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
button{
	background-color: #fff;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	padding: 10px 15px;
	color: hsl(200, 85%, 46%);
	font-weight: bold;
    transition: all 0.15s ease;
	margin: 30px 8px 0 8px;
}
button:hover{
	cursor: pointer;
	color: #fff;
	background-color: hsl(200, 85%, 56%);
}