*{
	box-sizing: border-box;
}
@font-face {
    font-family: Quicksand;
    src: url('https://static.aftab.cc/fonts/Quicksand-Light.ttf');
}
html{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-family: Quicksand;
	font-size: 20px;
}
#container{
	width: 350px;
	border: 1px solid black;
	height: 30px;
	overflow: hidden;
}
#loader{
	width: 0px;
	height: 29px;
	background-color: blue;
	border-right: 1px solid black;
}
#ruler{
	width: 370px;
	display: flex;
	justify-content: space-between;
}
#goal_container{
	width: 360px;
}
#goal{
	border-left: 1px solid black;
}
#result{
	margin-top: 100px;
	text-align: center;
	height: 40px;
}
#try,#stop{
	font-size: 2rem;
	color: blue;
	cursor: pointer;
}
#help{
	color: gray;
	height: 30px;
}