path: root/css/page.scss

div.page {
	background-color:       $backgroundColour;
	border-radius:          1rem;
	border-top-left-radius: 0;
	border-top-right-radius:0;
	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 {
			&::before {
				background-color:$bodyColour;
				border-radius:   calc(1rem / 3 / 3);
				content:         "";
				display:         block;
				height:          calc(1rem / 3);
				margin:          1rem auto;
				width:           calc(100% / 3);
			}
		}

		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;
					}
				}
			}
		}
	}
}