.box {

			width: 1380px;
			height: 705px;

			border: 3px solid black;
			background-color: rgb(214, 245, 245);
		}

		.container1 {

			background-color: #bb2525;
			border: 2px solid black;
			width: 99.85%;
			height: 120px;
			color: white;
		}

		.disabled {
			opacity: 0.5
		}

		.red {
			position: absolute;
			margin-top: 0px;
			margin-left: 2px;
			z-index: -30;
		}

		.dropbtn {
			position: absolute;
			background-color: #3387cc;
			border: none;
			color: white;
			border-radius: 6px;
			padding: 9px 7px;
			letter-spacing: 2px;
			box-shadow: 4px 4px 4px black;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 15px;
			cursor: pointer;
			height: 34px;
			width: 149px;
			margin-left: 1155px;
			margin-top: 131px;
		}

		.dropdown {
			position: absolute;
			display: inline-block;
		}

		.dropdown-content {
			padding-left: 10px;
			display: none;
			position: absolute;
			background-color: #f1f1f1;
			min-width: 600px;
			box-shadow: 8px 8px 11px 0px rgba(0, 0, 0, 0.8);
			margin-left: 762px;
			margin-top: 172px;
			z-index: 2;
			font-size: 14px;
			border: 1px solid black;
			border-radius: 4px;
		}

		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}

		.dropdown-content a:hover {
			background-color: #ddd;
		}

		.dropdown:hover .dropdown-content {
			display: block;
		}

		.dropdown:hover .dropbtn {
			background-color: crimson;
		}

		table {
			border: 1px solid black;
			background-color: rgb(252, 252, 252);
		}

		th,
		td {
			border: 1px solid black;
			padding: 1px;
			text-align: center;
		}

		table.a {
			float: right;
			table-layout: auto;
			max-width: 1px;

		}

		.content {
			position: relative;
			margin-top: 305px;
			margin-left: 35px;
			text-shadow: 0px 1px 0px #fff;
			z-index: 2;
		}

		.exampleContainer {
			position: relative;
			display: inline-block;
			background-color: Black;
			border-radius: 5px;
			margin-left: 18px;
			margin-right: 18px;
		}

		.med-sevenSegArray5Slanted {
			position: relative;
			height: 14px;
			width: 55px;
		}

		.container6 {
			border: 1px solid black;
			background-color: rgb(252, 252, 252);
			padding: 1px 12px 1px 12px;
			margin-top: 172px;
			position: absolute;
			margin-left: 830px;
			width: 450px;
			height: 310px;
		}

		.container2 {
			width: 750px;
			height: 498px;
			background-color: rgb(238, 231, 199);
			margin-top: 150px;
			margin-left: 3px;
			border: 1px solid black;
		}

		.board {
			position: absolute;
			top: 340px;
			left: 462px;
		}

		.bulb6 {
			position: absolute;
			top: 300px;
			left: 490px;
		}

		.bulb7 {
			position: absolute;
			top: 300px;
			left: 530px;
		}

		.bulb8 {
			position: absolute;
			top: 300px;
			left: 570px;
		}

		.bulb9 {
			position: absolute;
			top: 300px;
			left: 610px;
		}

		.bulb10 {
			position: absolute;
			top: 300px;
			left: 650px;
		}

		.bulb5 {
			position: absolute;
			top: 360px;
			left: 495px;
		}

		.bulb4 {
			position: absolute;
			top: 360px;
			left: 535px;
		}

		.bulb3 {
			position: absolute;
			top: 360px;
			left: 575px;
		}

		.bulb2 {
			position: absolute;
			top: 360px;
			left: 615px;
		}

		#MCount {
			position: absolute;
			margin-left: 205px;
			margin-top: -41px;
			border-radius: 12px;
			box-shadow: 5px 5px 5px darkgreen;
			padding: 5px 5px;
			font-size: 17px;
		}

		.bulb1 {
			position: absolute;
			top: 360px;
			left: 655px;
		}

		.button:hover {
			background-color: #3e8e41
		}

		.button:active {
			background-color: #3e8e41;
			box-shadow: 0 5px #6da56d;
			transform: translateY(4px);
		}

		#am {
			position: absolute;
			height: 30px;
			width: 158px;
			border: 1px solid black;
			margin-left: 588px;
			margin-top: 143px;
		}

		#vm {
			position: absolute;
			height: 30px;
			width: 158px;
			border: 1px solid black;
			margin-left: 150px;
			margin-top: 143px;
		}

		#wm {
			position: absolute;
			height: 30px;
			width: 158px;
			border: 1px solid black;
			margin-left: 375px;
			margin-top: 143px;
		}

		#mcb {
			position: absolute;
			height: 30px;
			width: 98px;
			border: 1px solid black;
			margin-left: 2px;
			margin-top: 147px;
		}

		#meter {
			position: absolute;
			height: 30px;
			width: 115px;
			border: 1px solid black;
			margin-left: 20px;
			margin-top: 450px;
		}

		.text1 {
			position: absolute;
			left: 625px;
			color: white;
			top: 100px;
		}

		.text2 {
			position: absolute;
			top: 100px;
			left: 170px;
			color: white;
		}

		.text3 {
			position: absolute;
			left: 400px;
			color: white;
			top: 100px;
		}

		button {
			width: 50px;
			height: 20px;
			border: 1px solid white;
			border-radius: 20px;
			background: #202020;
			color: white;
			cursor: pointer;
			outline: none;
		}

		.timer_all {
			margin-top: 205px;
			margin-left: 150px;
		}

		#timer {
			position: absolute;
			width: 165px;
			height: 100px;
			border-radius: 11px;
			background: linear-gradient(to right, #f12711, #2aa399, #1565C0);
			margin-top: 80px;
			margin-left: 85px;
			border: 4px solid black;
			z-index: +2;
		}

		#stopwatch {
			font-size: 30px;
			color: red;
			position: absolute;
			margin-top: 15px;
			margin-left: 82px;
			transform: translate(-50%, -55%);
			border: inset;
			background-color: #111111;
		}

		#buttons {
			position: absolute;
			margin-top: 220px;
			margin-left: 150px;
			transform: translate(-51.6%, -45%);
		}

		#buttons li {
			display: inline;
			padding-left: 11px;
		}

		.btn1 {
			background-color: #1abc9c;
			outline: 0;
			border-radius: 21px;
			font-size: 15px;
			font-weight: 600;
			width: 70px;
			height: 40px;
			border: none;
			cursor: pointer;
			padding: 6px 5px;
			transition: all .3s ease-out;
			box-shadow: inset 0 -8px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgrey,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray,
				4px 4px 0 0 lightgray;

		}

		.btn1:hover {
			color: white;

		}

		.btn1:active {
			box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgray,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray;
		}

		.btn2 {
			background-color: #3498db;
			outline: 0;
			border-radius: 21px;
			font-size: 15px;
			font-weight: 600;
			width: 70px;
			height: 40px;
			border: none;
			cursor: pointer;
			padding: 6px 5px;
			transition: all .3s ease-out;
			box-shadow: inset 0 -8px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgrey,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray,
				4px 4px 0 0 lightgray;
		}

		.btn2:hover {
			color: white;

		}

		.btn2:active {
			box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgray,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray;
		}

		.btn3 {
			background-color: #e74c3c;
			outline: 0;
			border-radius: 21px;
			font-size: 15px;
			font-weight: 600;
			width: 70px;
			height: 40px;
			border: none;
			cursor: pointer;
			padding: 6px 5px;
			transition: all .3s ease-out;
			box-shadow: inset 0 -8px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgrey,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray,
				4px 4px 0 0 lightgray;
		}

		.btn3:hover {
			color: white;

		}

		.btn3:active {
			box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .2),
				1px 1px 0 0 lightgray,
				2px 2px 0 0 lightgray,
				3px 3px 0 0 lightgray;
		}

		.meter {
			display: block;
			width: 283px;
			height: 155px;
			margin: 0px auto
		}

		.meter-clock {
			-webkit-transform: rotate(-54deg);
			transform: rotate(-57deg);
			-webkit-transform-origin: 137px 146px;
			transform-origin: 137px 146px;
			fill: red;
			z-index: -20;
		}

		.meter1 {
			margin-top: 130px;
		}

		.meter2 {
			margin-top: 130px;
		}

		.meter-clock2 {
			-webkit-transform: rotate(-54deg);
			transform: rotate(-54deg);
			-webkit-transform-origin: 137 px 146px;
			transform-origin: 137px 146px;
			fill: red;
		}

		.meter3 {
			margin-top: 130px;
		}

		.meter-clock3 {
			-webkit-transform: rotate(-54deg);
			transform: rotate(-57deg);
			-webkit-transform-origin: 137 px 146px;
			transform-origin: 137px 146px;
			fill: red;
		}

		.copyright {
			height: 18px;
			width: 1382px;
			border: 2px solid black;
			top: 713px;
			left: 8px;
			background-color: black;
			color: white;
		}

		/*blink css begins*/

		#blink {
			height: 9px;


		}

		#blink1 {
			height: 9px;
			visibility: hidden;
			animation: blinker 1.11111111s linear infinite;

		}

		#blink2 {
			height: 9px;
			visibility: hidden;
			animation: blinkerr 1.25434783s linear infinite;

		}

		#blink3 {
			height: 9px;
			visibility: hidden;
			animation: blinkerrr 1.6666667s linear infinite;

		}

		@keyframes blinker {
			0% {
				opacity: 1;
			}

			40% {
				opacity: 0;
			}

			80% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}

		@keyframes blinkerr {
			0% {
				opacity: 1;
			}

			40% {
				opacity: 0;
			}

			80% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}

		@keyframes blinkerrr {
			0% {
				opacity: 1;
			}

			40% {
				opacity: 0;
			}

			80% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}

		.gwd-select-li9t {
			position: absolute;
			height: 24px;
			left: 450px;
			top: -6px;
			width: 69px;
			transform-origin: 34.4px 12px 0px;
		}

		.yellow {
			position: absolute;
			margin-left: 51px;
			z-index: -30;
			margin-top: 19px;
			transition: 0.01s;
		}

		/*blink css ends*/