* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	background: ghostwhite;
	overflow: hidden;
}

a {
	color: white;
	text-decoration: none;
}

::-webkit-scrollbar { width: 5px; background-color: #fff; }
::-webkit-scrollbar-thumb { background-color: darkseagreen; }

.topfrill {
	width: 500px;
	height: 200px;
	background: url('mint.png');
	background-repeat: repeat-x;
	position: absolute;
	top: 20px;
	left: 600px;
	z-index: 200;
}

.contentcontainer {
	width: 500px;
	height: 600px;
	overflow: hidden;
	background: white;
	position: absolute;
	top: 20px;
	left: 600px;
	z-index: 1;
	box-shadow: 0 0 100px gainsboro, 0 0 20px grey;
}

.content {
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 150px;
	width: 500px;
	height: 600px;
	overflow: auto;
	font-family: verdana, sans serif;
	font-size: 8pt;
}

.content h1 {
	font-family: pacifico;
	color: pink;
	font-size: 40pt;
	text-shadow: 2px 2px 0 mediumvioletred;
	padding-bottom: 20px;
}

.blackboard {
	background: grey;
	width: 300px;
	height: 400px;
	position: absolute;
	top: 100px;
	left: 200px;
	border: 20px ridge burlywood;
	transform: rotate(-10deg);
	box-shadow: 0 0 100px gainsboro, inset 0 0 10px darkslategrey;
	color: white;
	font-family: pacifico;
	padding: 10px;
	font-size: 20pt;
	text-shadow: 2px 2px 2px darkslategrey;
	line-height: 65px;
}

.borb {
	position: absolute;
	left: 950px;
	top: 470px;
	z-index: 200;
	width: 300px;
	height: 167px;
	overflow: hidden;
}

.borb img {
	transform: rotate(1deg);
}

.wholescreen {
	background: url('symphony.png');
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
}

.newlayer {
	width: 500px;
	height: 600px;
	position: absolute;
	top: 20px;
	left: 600px;
	z-index: 100;
	overflow: hidden;
}