body {
	font-family: consolas, courier, monospace;
	color: white;
	font-size: 1em;
	background-color: #241E1E;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.wrapper {
	position: absolute;
	top: 50vh;
	transform: translateY(-250px);
}
hr {
	top: 197px;
	width: 250px;
	height: 0px;
	border-bottom: 1px solid darkgrey;
	position: absolute;
	transform: translateX(-115px);
}

/* ----- TEXTS ----- */
.backwrapper {
	position: absolute;
	top: 50vh;
	transform: translateY(-250px);
	z-index: 1;
}
.title {
	position: relative;
	
	border: 1px solid darkgrey;
	
	border-radius: 5px;
	left: 0;
  	right: 0;
  	width: 50px;
  	transform: translateX(10px);
  	text-align: center;
}
#binno {
	top: 60px;
	border: none;
}
#nxtno {
	top: 150px;
	border: none;
}
#dec {
	top: 20px;
	left: -100px;
}
#bin {
	top: 20px;
}
#pos {
	top: 20px;
	left: 100px;
}
#nxt {
	top: 110px;
}
#inv {
	width: 175px;
	top: 325px;
	left: -100px;
	transform: rotate(-90deg)
}

/* ----- LARGE DISPLAY ----- */
.display {
	position: absolute;
	top: 215px;
}
.segment {
	position: absolute;
	height: 100px;
	width: 20px;
	/*background-color: #E95D0F;*/ /*DELETE ROW LATER */
	background: #4B1E05;
	border-radius: 9999px;
}
.A {
	top: -35px;
	left: 0px;
}
.B {
	top: 20px;
	left: 65px;
}
.C {
	top: 150px;
	left: 65px;
}
.D {
	top: 205px;
	left: 0px;
}
.E {
	top: 150px;
	left: -65px;
}
.F {
	top: 20px;
	left: -65px;
}
.G {
	top: 85px;
	left: 0px;
}

.A, .D, .G {
	transform: rotate(90deg);
}


/* ----- SMALL DISPLAY ----- */
.display.topleft {
	position: absolute;
	top: 25px;
	left: -100px;
}
.display.topright {
	position: absolute;
	top: 25px;
	left: 100px;
}

.small {
	transform: scale(0.5);
	/* background-color: red; */ /* DELETE ROW LATER */
	background-color: #4B1E05; 
}

.small.A , .D.small, .G.small {
	transform: scale(0.5) rotate(90deg);
}
.A.small {
	top: -22.25px;
	left: 0px;
}
.B.small {
	top: 10px;
	left: 35px;
}
.C.small {
	top: 75px;
	left: 35px;
}
.D.small {
	top: 110px;
	left: 0px;
}
.E.small {
	top: 75px;
	left: -35px;
}
.F.small {
	top: 10px;
	left: -35px;
}
.G.small {
	top: 42.5px;
	left: 0px;
}