body
	{
	font-weight: normal;
	background-color: #7F7F7F;
	margin: auto;
	width: 90%;
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}

header
	{
	top: 10px;
	margin-top: 30px;
	padding: 1px;
	overflow: hidden;
	background-color: #CECECE;
	padding: 20px;
	border: 2px solid #000000;
	border-radius: 10px;
	margin-bottom: 10px;
	}

header h1
	{
	font-size: 28px;
	margin: 0;
	}

header h2
	{
	font-size: 40px;
	font-style: italic;
	margin: 0;
	}

nav
	{
  	position: sticky;
	text-align: center;
	}

nav button
	{
	vertical-align: top;
	background-color: #CECECE;
	border: 2px solid #000000;
	border-radius: 10px;
	margin: 5px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	width: 15%;
	height: 40px;
	}

nav button:hover
	{
	background-color: #7F7F7F;
	color: #000000;
	}

article h1
	{
	font-weight: 900;
	font-size: 26px;
	}

article h2
	{
	font-size: 26px;
	}

article h3
	{
	font-weight: 900;
	font-size: 22px;
	}

article h4
	{
	font-size: 22px;
	}

article h5
	{
	font-weight: 900;
	font-size: 18px;
	}

article h6
	{
	text-decoration-line: underline;
	font-size: 18px;
	}

article p, aside p, table td, table thead, table caption, article li
	{
	font-size: 18px;
	}

article p.newlineequation
	{
	font-size: 24px;
	}	

section
	{
	top: 10px;
	margin-top: 30px;
	padding: 1px;
	overflow: hidden;
	background-color: #CECECE;
	padding: 20px;
	border: 2px solid #000000;
	border-radius: 10px;
	margin-bottom: 10px;
	}

footer
	{
	top: 10px;
	margin-top: 30px;
	padding: 1px;
	overflow: hidden;
	background-color: #CECECE;
	padding: 20px;
	border: 2px solid #000000;
	border-radius: 10px;
	margin-bottom: 10px;
	}

table
	{
	margin: 1em auto; /* centers the table */
	border-collapse: collapse;
	width: auto; /* width adapts to content */
	font-size: 18px;
	font-family: "Arial", Arial, sans-serif;
	font-weight: normal;
	}

table caption
	{
	width: 90%;
	margin: 0 auto 0.5em auto; /* centers caption and gives spacing below */
	margin-right: -1px;
	text-align: left;
	}

table thead
	{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: normal;
	padding-right: 15px;
	}

table td
	{
	padding-right: 15px;
	}

table tr:last-child
	{
	border-bottom: 1px solid #000000;
	}

figure
	{
	width: 90%;
	margin: 0 auto; /* Centers the figure horizontally */
	text-align: center; /* Ensures figcaption and inline content is centered */
	max-height: 100%;
	}

figure img
	{
	display: block;
	margin: 0 auto; /* Centers the image inside the figure */
	max-width: 100%; /* Ensures the image doesn't overflow the figure */
	height: auto;
	max-height: 100%;
	}

figure figcaption
	{
	display: table-caption;
	caption-side: bottom;
	width: 100%;
	font-size: 18px;
	text-align: left;
	}

blockquote
	{
	width: 90%;
	margin: 0 auto; /* Centers the figure horizontally */
	font-style: italic;
	font-size: 2em;
	text-align: left;
	margin: 2em auto;
	}

blockquote p.quote
	{
	font-size: 30px;
	}

blockquote p.author
	{
	font-size: 20px;
	}

aside
	{
	width: 90%;
	top: 10px;
	margin-top: 30px;
	margin: 0 auto; /* Centers the figure horizontally */
	padding: 1px;
	overflow: hidden;
	background-color: #BEBEBE;
	padding: 20px;
	border: 2px solid #000000;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-family: "Arial", Arial, sans-serif;
	font-weight: normal;
	}

iframe
	{
	display: block;
	margin: 0 auto;
	}

code
	{
	font-family: 'Courier New', Courier, monospace;
	font-size: 22px;
	display: block;            /* makes it behave like a block element */
	width: 90%;
	margin: 1em auto;          /* centers the block */
	text-align: left;          /* aligns text inside the block to the left */
	white-space: pre-wrap;     /* allows wrapping but preserves indentation */
	overflow-x: auto;          /* optional: horizontal scroll if needed */
	}

textarea
	{
	resize: none;
	}