body{
	width:100%;
	height:100vh;
	position:relative;
	margin:0px;
	padding:0px;
	background: #000;
}

.container{
	width:100%;
	height:100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box{
	width:450px;
	height:auto;
	padding:10px;
	background: #ccc;
	position: relative;
}
.screen{
	width:100%;
	height:120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.screen .shape{
	width:100%;
	height:100px;
	background: linear-gradient(to bottom left, cyan, blue);
}
.code-cont{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:auto;
	background:#000;
	padding:5px;
	color:#fff;
	border-radius:4px;
}
.controls{
	width:100%;
	height:150px;
	padding:10px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.controls .range{
	padding:20px auto;
}