path: root/css/page.scss

div.page {
	background-color:$backgroundColour;
	border-top-color:$foregroundColour;
	border-top-style:solid;
	border-top-width:calc(1rem / 3);
	color:           $foregroundColour;
	margin:          0 auto;
	max-width:       $maximumPageWidth;
	min-width:       $minimumPageWidth;
	padding:         1rem 2rem;

	p.heading {
		font-family:$sansSerifFont;
		font-size:  3rem;
		font-weight:bold;
		text-align: center;
	}

	div.section {
		& + div.section {
			margin-top:2rem;
		}

		img,ol,p:not(.heading,.subheading),table,ul {
			& + img,& + ol,& + p,& + table,& + ul {
				margin-top:1rem;
			}
		}

		p.heading {
			font-size:    2rem;
			margin-bottom:1rem;
			text-align:   left;
		}

		p.subheading {
			margin-top:   -1rem;
			margin-bottom:1rem;

			span.data {
				font-style:italic;

				& + span.data {
					&::before {
						content:"\0020\2014\0020";
					}
				}
			}
		}
	
		img.logo {
			border-radius:calc(6rem * 16 / 384);
			width:        6rem;
		}
	
		ol,ul {
			li {
				margin-left:1rem;
			}
		}

		table {
			border-spacing:calc(1rem / 3);
			font-family:   $monospaceFont;

			tr {
				td,th {
					background-color:$bodyColour;
					border-radius:   calc(1rem / 3);
					padding:         calc(1rem / 3) calc(2rem / 3);

					&.strikethrough {
						text-decoration:line-through;
					}
				}
			}
		}
	}
}