* {
			box-sizing: border-box;
		}
	
		body {
			background-color: #333333;
			color: #ffffff;
			font-family: Arial, sans-serif;
			font-size: 16px;
			line-height: 1.5;
			margin: 0;
			padding: 0;
		}
		
		a {
			color: #CCCCCC;
		}

		.sidebar {
			background-color: #1f1f1f;
			float: left;
			height: 100%;
			position: fixed;
			width: auto;
			padding: 20px;
			top: 0px;
			
		}
		
		.sidebar a {
			display: block;
			margin-bottom: 10px;
			padding: 10px;
			text-decoration: none;
			color: #ffffff;
			border-radius: 5px;
			transition: background-color 0.3s ease-in-out;
		}
		
		.sidebar a:hover {
			background-color: #404040;
		}

		.sidebar .sub-menu {
			padding: 0px;
		}

		.sidebar .sub-menu a {
			margin-bottom: 5px;
			padding: 5px;
		}

		.sidebar .sub-menu a:hover {
			background-color: #404040;
		}
		
		.content {
			margin: 0 0 0 300px;
			padding: 20px;
			width: auto;
		}
		
		.version {
			margin-top: 20px;
		}
		
		.version h2 {
			margin-bottom: 10px;
		}
		
		.version ul {
			list-style: none;
			padding-left: 0;
		}
		
		.version li {
			margin-bottom: 5px;
		}
		
		.header {
			background-color: #1f1f1f;
			color: #ffffff;
			font-family: Arial, sans-serif;
			font-size: 24px;
			line-height: 1.5;
			margin: 0;
			padding: 20px;
			width: 100%;
			text-align: center;
		}