@charset "UTF_8";
/*
________________________________________________________________________________________________________________________________________________________________________________
___________________________________________________________________________________&&&_&_______&__&&&___________________________________________________________________________
_________________________________________________________________________________&&&&&&&&&&&&_&&_&&&&&&&&_______________________________________________________________________
___________________________________________________________________&&_&&&&&&&&__&&&_&_&_&&&&&&&&&&&_&&&&&&&__&&_________________________________________________________________
_________________________________________________________________&&&&&_&&__&&_&___&&&_&_&&&&&&&&&&&_&&&&&_&_&&&&_&&_&___________________________________________________________
_________________________________________________________________&&&&_&&_&&_&_&&_&&&&__&&&&&&_&&&&&&&&&&&&&_&_&&&_&_____________________________________________________________
_________________________________________________________&&&&&__&&&&&&&_&&&_&&_&&&&&&&&&&&&&&_&&&&&&&&&&&&&&&_&&&&&&&&&_________________________________________________________
________________________________________________________&&&&&&&&&&__&&&_&&&&&&&&&&&&&__&___&_&&&&&_&_&&&&&&&&&__&_&&&&&&&&______________________________________________________
_______________________________________________________&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&_&_&_&&&&&&&&_&&&__&&&_&__&&&_&&&__&&____________________________________________________
__________________________________________________&&&_&&&&&&_&&&&&_&&_&&_&&_&__&&_&&_&_&&_&&&&_&&_&&&&&&&&&&&&_&&&&&_&&&&&&&&&_&________________________________________________
_________________________________________________&&&&&&&_&&&&&&&&&&&&_&_&&&&_&&&_&&&&&&_&_&_&&_&&_&__&&&&&&&&&&&&&&&&&&&&&&_&&&&&_______________________________________________
______________________________________________&&&_&&&&&_&&&&&&&&_&&_&&&&&&&&&&&&&&&_&&&&&&&&&_&_&&&_&&&&&&&&&&&&&&&&&&&&&&&&__&&&&_&&___________________________________________
_____________________________________________&&&&&&&&&&&&&&&&&_&___&&&&_&&&_&_&&&&_&&&&_&&&&&&&&&&_&&&&&&_&&_&&_&&&&_&&&_&&&&&&&&&&&&&&&________________________________________
_____________________________________________&&&__&&&&&&&&_&&&&&&&&&&&&&&&&_&&&&_&_&&&&&_&&&_&&_&&_&&&&_&_&&&__&&&&&&&&&&&&__&&&&&&_&_&_&_______________________________________
_____________________________________________&__&&&&&&&&&&&&&___&&&&_&&&&_&&&__&&&&&&&&&&&&__&_&&&&&&&&&&&&&&&&&&_&&&&_&&&_&____&&&&_&&&&_______________________________________
_______________________________________________&&_&&&&_&&&&&_&&&&&__&&&&&&_&&&&&&&_&&&&&__&&_&_&&&&_&_&&&&_&_&&&&&&&&&&_&_&&&_&_&_&&&&&&&&______________________________________
____________________________________________&&&&&&&&_&&_&&&&&&&&&&&&&&&&&&&_&_&_&&&_&_&&&&&&&&_&&_&&&&__&_&_&&&&&&&&&&&&&_&_&___________________________________________________
_____________________________________________&&&_&&&&&&&&&&&&&&&&&__&&&&&&&&&&&&__&_&__&_&&_&&&&&&&&&&&&&&&&&_&_&&&&&&&&&&&&&_&&________________________________________________
_______________________________________________&&&&&&&&&&&&&&&&__&&&_&&&&&_&&_&&__&&_&_&&_&_&_&&_&&&_&&__&&&&_&&&&&&_&&&&&&_&&&&________________________________________________
______________________________________&&&_&&___&&&&&_&&&__&__&&_&&&__&&&&&&&_&_&&__&&_&&&_&&&_&&__&&&__&&&&_&&&&&&_&&&&&_&&&&__&&_______________________________________________
_____________________________________&_&&&&&&&__&&&_&&&__&&__&&&&&&&&&&&_&_&&&&&&&&&&_&&_&&&&_&&&___&____&&&&_&&&&__&__&_________&&&____________________________________________
___________________________________&&&&_&_&&_&&_&&&&&&&&&&&&&&&&&&&_&&&&&_&&_&&&&&_&&&&&&&&&_&&&___&__&&&&&&&&&&&&&____&____&&&&_&&&__&&&_______________________________________
_________________________________&_&&_&&_______&_&&&&&&&&&_&_&&___&_&_&&&_&_&&&&&&&&&&&_&&&&&&&___&&_&___&&&_&&&&&&__&&_&&&&_&&&__&&&_&&&&&&&___________________________________
________________________________&&&&&_&&__&&&_&_&&&_&___&&&&_&&_&&&&&&__&&&&&&&&&&__&&_&&&&&&&&&&&&&_&_&&_&&&&&&&&&&&&&&&&_&&&&&&&&&&&&&&&&&____________________________________
________________________________&&&&_&_&&&_&&&_&&&&&&_&&&&&&&&_&&&&&&&&&&&&&___&&&_&&&_&_&&&___&&&&&&&&&&&&_&&_&&_&&&&&&&&_&&&&&&&_&&&__&_&&&&__________________________________
_____________________________________&_&&&_&&_&_&___&_&&&&_&_&&&&&&&&&&&________&&_&_&&_&&&&_&&&&&_&&&&&&&&&&_&&&_&_&_&&_&&&&&&&&&&&__&&&&&__&&_________________________________
____________________________________&&&___&__&&&&&__&&&&&__&&&&&&&&&&_&_&_&&&&&___&&_&&&&&&_&&_&&_&&&&&&&_&&&&&&&&&&______&&_&&&&&&&&&&&&&&&__&_________________________________
________________________________________&_&__&&&&__&&&&&&&_&_&&&&&&_&&&&&&&&_&&&&_&&___&&&&&__&_&&&&__&&&&_&&&&&_&&&&_______&&&&&&&_&&&_&&&&&&__________________________________
________________________________________&&&&&&_&_&__&&&&&&&&&&&&&_&&&&&&&&__&&&&&&&&___&&&&&_&&&&&&&&_&&&&&&_&&&___&&_&&&_&&_&&_&&_&&_&&&&_&&_&_________________________________
_______________________________________&&&&&_&&&&&&&___&&&&&&___&&&&&&&&&&___&&&&&&&&__&&&&&&__&&&&&&&&&&&&&_&_&_&&&_&____&&&__&_&&&_&_&____&&__________________________________
_________________________________________&&_&&&&&_&&_&&&_&_&&_&&_&&&&&&&&&&&&_&&&&_&&&_&&&&&_&&_&&&&_&_&&&&_&&&&&&__&_____&_&&&&_&&&&&_&________________________________________
__________________________________________&&&&&&_&&_&&&_&&__&&_____&_&&_&_&&&_&&&&&_&&&&&&&&&&&&&&_&&&_&___&&&&&&_&&&&_&&&&&__&___&&__&&&_______________________________________
____________________________________________&&&___&&__&____&&_______&________&&&&&_&&&&&&&&_&&&_&_&&_&&&&&&&&_&&&_&&&&___&&&_&__________________________________________________
_____________________________________________&___________________________________&&__&&&&&___&&&____&__&&&_&&&___&&_____&&&&&&&&________________________________________________
___________________________________________________________________________________&&_&&&&_&&_______&__&____&&____&_______&&_&_&________________________________________________
_____________________________________________________________________________________&&&&&&&________________________________&&&_________________________________________________
_____________________________________________________________________________________&&&&&&_____________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
_____________________________________________________________________________________&&&&&______________________________________________________________________________________
____________________________________________________________________________________&&&&&&&_____________________________________________________________________________________
___________________________________________________________________________________&&&&&&&&&____________________________________________________________________________________
___________________________________________THIS WEBSITE DESIGNED AND BUILT WITH TENDER, LOVING CARE, ENTIRELY BY HAND AND JUST FOR YOU__________________________________________
_____________________________________________IN BUCOLIC HOPEWELL, NEW JERSEY, BY BESLER & SONS, LLC HTTPS://WWW.BESLERANDSONS.COM/______________________________________________
*/

/*
_______________________
______ CSS RESET ______
_______________________
*/

* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0.1em solid #ff0;
}

::selection {
  background: #ff0;
}

	::-moz-selection {
	  background: #ff0;
	}

html,body {
	width: 100%;
	scroll-behavior: smooth;
}

	body {
		font-family: sans-serif;
	}

	h1,h2,h3,h4,h5,h6,strong {
		font-weight: normal;
	}

	.off-screen {
		position: absolute;
		left: -100vw;
	}

	a:link {
		color: #00f;
		text-decoration: none;
	}

	a:visited {
		color: #0ff;
		text-decoration: none;
	}

	a:hover {
		color: #00f;
		text-decoration: none;
		background-color: #ff0;
	}

	a:active {
		color: #ff0;
		text-decoration: none;
	}

/*
__________________
______ GRID ______
__________________
*/

div#vertical,div#horizontal {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: -1;
}

	div#vertical div {
		width: 3.03%;
		height: 100%;
		display: inline-block;
	}

		.border-right-width-one-pixel {
			border-right: 1px solid #0ff;
		}

		.border-right-width-two-pixels {
			border-right: 2px solid #0ff;
		}

	div#horizontal div {
		width: 100%;
		height: 5.44vh;
	}

		.border-bottom-width-one-pixel {
			border-bottom: 1px solid #0ff;
		}

		.border-bottom-width-two-pixels {
			border-bottom: 2px solid #0ff;
		}

			.border-color-magenta {
				border-color: #f0f;
			}

/*
____________________
_____ HEADER _______
____________________
*/

header {
	position: fixed;
	padding: 3% 3% 2.2% 3%;
	width: 94%;
	background-color: rgba(255,255,255,0.8);
	border-bottom: 2px solid #000;
	z-index: 2;
}

	header div#corner-box {
		display: inline-block;
		margin-right: 3.4%;
	}

	h1,h2 {
		font-size: 2em;
	}

/*
_________________
_____ NAV _______
_________________
*/

nav {
	display: inline-block;
	border-left: 2px solid #000;
	vertical-align: top;
}

	nav ul {
		list-style-type: none;
	}

		nav ul li {
			display: inline-block;
		}

			nav ul li a:link,nav ul li a:visited {
				display: block;
				color: #000;
				border: 2px solid #000;
				padding: 0.4em 0.6em;
				margin: 0.8vw 0 0 4.05vw;
				font-size: 1.5em;
				box-shadow: 0.2em 0.2em 0 #000;
				transition: transform 0.4s,box-shadow 0.4s;
			}

				.nav-highlight {
					background-color: #ff0;
				}

			nav ul li a:hover {
				transform: translate(0.2em,0.2em);
				box-shadow: 0 0 0 #fff;
				background-color: yellow;
			}

/*
__________________
_____ MAIN _______
__________________
*/

main {
	padding: 3% 0 0 3%;
	width: 91%;
}

/*
____________________
_____ SPLASH _______
____________________
*/

section#splash {
	min-height: 80vh;
}

	section#splash h3 {
		font-size: 6em;
	}

/*
_____________________
_____ SECTION _______
_____________________
*/

section {
	font-size: 2em;
	padding-top: 19vh;
}

	h3 {
		font-size: 5em;
		background-color: rgba(255,255,255,0.8);
		position: sticky;
		top: 18%;
	}

		section#splash h3 {
			position: initial;
		}

	h4 {
		font-size: 1em;
		padding-left: 0.5em;
	}

	summary {
		padding: 0.2em 0.4em 0.3em 0.4em;
		margin: 1em 0 0.5em 0;
		border: 3px dashed #888;
		color: #888;
	}

		details.current summary {
			border: 3px solid #000;
			color: #000;
			cursor: pointer;
			animation: flashing-yellow 1.5s infinite;
				-moz-animation: flashing-yellow 1.5s infinite;
				-ms-animation: flashing-yellow 1.5s infinite;
				-o-animation: flashing-yellow 1.5s infinite;
				-webkit-animation: flashing-yellow 1.5s infinite;
		}

		summary:hover, details.current summary:hover {
			border: 3px solid #000;
			color: #000;
			background-color: #ff0;
			cursor: pointer;
			animation: none;
		}

		article ul,article ol {
			padding-left: 1.4em;
			list-style-type: none;
		}

			details>ul>li,details>ol>li {
				margin-top: 0.5em;
			}

			article li+p,details>ol>ul>li {
				font-size: 0.8em;
				color: #888;
			}

			article strong {
				text-decoration: underline;
			}

			article ul ul,article ol ul {
				padding-left: 2.4em;
				list-style-type: initial;
				}

			article sup {
				font-size: 0.5em;
			}

/*
_______________________
_____ RESOURCES _______
_______________________
*/

	#resources ul {
		list-style-type: initial;
		column-count: 2;
	}

	#resources ul li {
		margin-top: 0.2em;
	}

/*
______________________
_____ SYLLABUS _______
______________________
*/

	#syllabus ul li {
		margin-top: 0.2em;
	}

	#syllabus ol {
		list-style-type: disc;
	}

	#syllabus p+ul {
		padding-left: 2.4em;
		list-style-type: initial;
	}

	article p {
		padding-left: 1.4em;
		margin: 0.5em 0;
	}

	td {
		font-size: 0.6em;
		padding: 0.5em;
		border: 1pt solid black;
	}

/*
_______________________________
_____ IN-CLASS ACTIVITY _______
_______________________________
*/

section#in-class-activity h3 {
	font-size: 1em;
	color: #888;
}

	section#in-class-activity h4 {
		padding: 0;
		font-size: 2em;
		background-color: #000;
		color: #fff;
		display: inline-block;
	}

section#in-class-activity h3,section#in-class-activity p {
		margin: 0.5em 0;
	}

	section#in-class-activity ul {
		list-style-type: disc;
	}

		section#in-class-activity li {
			margin: 0.5em 0 0 1em;
		}
/*
____________________
_____ FOOTER _______
____________________
*/

footer {
	width: 90.8%;
	margin-left: 3%;
	padding-top: 1%;
	font-size: 2em;
	border-top: 2px solid #000;
}

	footer img {
		width: 1em;
	}