@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('navbar.css');
#ABC {
	background-color: #ffffff;
	height: 140px;
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
}
#TOP_BAR {
	background-color: #ffffff;
	height: 200px;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
  	color: black;
	vertical-align: middle;
	text-align: center;
}
pre{
	font-size: 16px;
}
body{
	font-family: 'Roboto', sans-serif;
	background: black;
	margin: 0;
	color:white;
	font-size:16px;
} 
CENTER {
  	text-algin: center;
  	list-style-position: inside;
}
#SIDE_BAR {
	background-color: #ffffff;
	position: relative;
	top: 0;
	left: 0;
	width: 10%;
	float: left;
}
#SIDE_BAR a {
	text-decoration: none;
	color: black;
}
#SIDE_BAR a h3 {
	text-align: center;
}
#CLOCK{
	background-color: silver;
	color:  #0000FF;
	font-size: 55px;
	width: 810px;
	border-style: solid;
	border-width: 5px;
	border-color: #0000FF;
	border-radius: 15px;
}
#code{
	background-color: white;
	color: black;
	width: 700px;
	border-style: solid;
	border-color: gray;
	border-width: 4px;
	text-align: left;
}