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

	body {
		font-family: sans-serif;
	}

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

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

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

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

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

/*
______________________________________
______ FOCUS AND TEXT SELECTION ______
______________________________________
*/

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

::selection {
  background: #ff0;
}

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

/*
_______________________
______ HTML BODY ______
_______________________
*/

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

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

/*
__________________
______ 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 {
				display: block;
				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: background-color 0.4s,box-shadow 0.4s,transform 0.4s;
			}

			nav ul li a:link {
				color: #000;
			}

			nav ul li a:visited {
				color: #000;
			}

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

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

			nav ul li a:active {
				color: #ff0;
				background-color: #000; 
			}

/*
__________________
_____ MAIN _______
__________________
*/

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

/*
____________________
_____ SPLASH _______
____________________
*/

#splash {
	min-height: 80vh;
}

	#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 #aaa;
		color: #aaa;
	}

		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,summary:focus,details.current summary:hover,details.current summary:focus {
			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:first-child,details>ol>li:first-child {
				margin-top: 0.5em;
			}

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

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

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

/*
______________________
_____ PROJECTS _______
______________________
*/

	#projects h4 {
		font-weight: bold;
		margin-top: 1em;
	}

		#projects h4:first-of-type {
			margin-top: 0;
		}

		#projects ul, #projects ol {
			text-indent: initial;
			list-style-type: initial;
		}

		#projects .list-columns {
			column-count: 4;
		}

		#projects li {
			margin: 0;
		}

/*
_______________________
_____ RESOURCES _______
_______________________
*/

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

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

/*
______________________
_____ STUDENTS _______
______________________
*/

	#students ol {
		column-count: 5;
		padding-left: 0;
	}

	#students li {
		text-align: center;
		margin: 0;
	}

		#students a:link mark {
			background-color: #ff0;
			color: #00f;
		}

			#students a:visited mark {
				background-color: #ff0;
				color: #00f;
			}

			#students a:hover mark,#students a:focus mark {
				background-color: #00f;
				color: #ff0;
			}

			#students a:active mark {
				background-color: #00f;
				color: #00f;
			}

		#students a:link mark.color-gray {
			background-color: transparent;
			color: #aaa;
		}

/*
______________________
_____ SYLLABUS _______
______________________
*/

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

	#syllabus ol,.list-style-type-disc {
		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;
	}

/*
____________________
_____ FOOTER _______
____________________
*/

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

	footer img {
		width: 1em;
	}

/*
________________________________________
_____ SUBLIME TEXT MARKUP STYLES _______
________________________________________
*/

code {
	font-family: monospace;
	background-color: #272822;
	font-style: normal;
	color: #fff;
}

	code.computer-file {
		color: #000;
		background-color: hsla(211,100%,78.5%,.7);
	}

	code.css-property {
		font-style: italic;
		color: #66d9ef;
	}

	code.css-rule {
		color: #f92672;
	}

	code.file-name {
		color: #000;
		background-color: hsla(211,100%,78.5%,.7);
	}

	code.html-bracket {
		color: #fff;
	}

	code.html-comment {
		color: #75715e;
	}

	code.html-tag {
		color: #f92672;
	}

	code.jquery {
		color: #66d9ef;
		font-style: normal;
	}

/*
___________________________
_____ COLOR CLASSES _______
___________________________
*/

.background-color-red {
	background-color: #f00;
}

.background-color-black {
	background-color: #000;
}

	.color-white {
		color: #fff;
	}