body {
	background-color: #0e0e0e;
	color: #fff7db;
	font-family: 'Courier New', monospace;
	padding: 20px;
}

.doc-header {
	text-align: center;
	margin-bottom: 40px;
}

.doc-header img {
	width: 80% auto;
	max-width: 780px;
	height: auto;
	max-height: 480px;
}

.button {
	background-color: #0e0e0e;
	color: #66ccff;
	border: 2px solid #66ccff;
	font-size: 1.2rem;
	padding: 10px 20px;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
	cursor: pointer;
}

.button:hover {
	background-color: #55aaff;
	color: #fff;
}

hr {
	height: 4px;
	margin: 40px 0;
}

p {
	font-size: 16px;
}

a {
	color: #66ccff;
	text-decoration: none;
}

.list-point {
	padding-left: 25%;
	width: 50%;
}

table {
	width: 80%;
	margin: 2rem auto;
	border-collapse: collapse;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

th, td {
	padding: 0.5rem;
	border: 1px solid #fff7db;
}

.go-back {
	text-align: center;
}

.screenshots {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.screenshots h2 {
	text-align: center;
}

.screenshots .img img {
	width: 300px;
	height: auto;
}

.screenshots .img a {
	display: block;
	text-align: center;
}