:root {
   --background-color: #282A36; /* dark blueish */
   --foreground-color: #F8F8F2; /* pretty much white */
   --link-color: #FFB86C; /* orange */
   --link-vis-color: #BD93F9; /* purple */
}

body {
	background: var(--background-color);
	color: var(--foreground-color);
	max-width: 100%;
        margin: auto;
	font-size: 1.15rem;

	display: flex;
	flex-direction: column;
	justify-content: center;
	
	min-height: 100vh;
}

.box {
	border: 1rem solid var(--foreground-color);
	margin: 1rem auto;
	width: 40%;
	min-width: 12rem;
	padding: 1rem;
	border-style: double;
	border-width: 0.35rem;
	overflow-wrap: break-word;
}

footer {
	margin-top: auto;
	grid-column: 1 / -1;
	padding: 1rem;
}


.bold {
	font-weight: bold;
}

a {
	color: var(--link-color);
}

a:visited {
	color: var(--link-vis-color);
}

ul li {
    list-style-type: circle;
}
	.content {
 display: flex;
 flex-direction: column;
}

.content {
	border: 1rem solid var(--background-color);
	margin: 0rem auto;
	width: 40%;
	min-width: 12rem;
	padding: 0rem;
	border-style: double;
	border-width: 0rem;
	overflow-wrap: break-word;
}