<style type="text/css">
		body {
			margin: 0;
			padding: 0;

			font-family: "Miranda Sans", sans-serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-size: 14px;
			background: #fff3fe;
		}

		img {
			max-width: 100%;
		}
		.outer {
			width: 1200px;
			height: 800px;
			background: white;
			position: relative;
			margin: auto;
			margin-top: 20px;
			box-sizing: border-box;
			background-image: url('img/bg_pink_2.jpg');
			background-size: cover;
			box-shadow: 0px 0px 40px #bf96beab;
			border-radius: 8px;
		}
		.wandow {
			background: #ffebf3;
			position: absolute;
			box-sizing: border-box;
			padding: 4px;
			border-radius: 6px;
			box-shadow: 2px 2px 14px #7da0ff6e;
		}

		.wandow::after {
			content: '';
			position: absolute;
			border-radius: 6px;
			inset: 0px;
			border-top: 2px solid #fff;
			border-left: 2px solid #fff;
			border-bottom: 2px solid #eeb0d980;
			border-right: 2px solid #eeb0d980;
			pointer-events: none;
		}

		.wandow.main {
			height: 700px;
			width: 550px;
			top: 40px;
			left: 560px;
		}

		.wandow.little {
			height: 250px;
			width: 250px;
			top: 410px;
			left: 330px;
		}

		/* MAKE THE LITTLE WINDOW SCROLL*/
		.wandow.little .content {
			overflow-y: auto;
		}

		.header	{
			background: #f9bfe0;
			color: #fff;
			font-weight: bold;
			padding: 6px 12px;
			box-sizing: border-box;
			margin-bottom: 4px;
			font-family: monospace;
			font-size: 12px;
			letter-spacing: 1px;
			border-radius: 4px;
			cursor: move;
			background-image: url(img/headerbg.png);
			background-position: right;
			background-repeat: repeat-y;
		}

		.content {
			height: calc(100% - 34px);
			width: 100%;
			background: white;
			box-sizing: border-box;
			border-radius: 4px;
			position: relative;
		}

		.menu {
			height: 580px;
			position: absolute;
			width: 80px;
			left: 40px;
			top: 160px;
			text-align: center;
		}

		.menu a {
			display: block;
			margin-bottom: 20px;
			padding: 6px;
			background: transparent;
			border-radius: 6px;
			font-size: 14px;
		}

		.menu a:hover {
			display: block;
			margin-bottom: 20px;
			padding: 6px;
			background: #ffffff42;
			border-radius: 6px;
			font-size: 14px;
		}

		.menu img {
			display: block;
			margin: auto;
			margin-bottom: 4px;
		}

		.content iframe {
			border: 0;
			width: 100%;
			height: 100%;
		} 

		.title {
			font-family: "Playwrite NO", cursive;
			font-weight: 600;
			font-style: normal;
			color: white;
			text-shadow: 0px 0px 16px #ac73a2;
			font-size: 36px;
			position: absolute;
			left: 42px;
			top: 30px;
		}

		.menu-label {
			background: #bdb9f0;
			color: white;
			padding: 4px 8px;
			display: inline-block;
			border-radius: 4px;
			text-shadow: 0px 0px 4px #2d19b5;
			box-shadow: 3px 3px 8px #1610462e;
		}

		.statusbar {
			position: absolute;
			height: 30px;
			width: 100%;
			background: #9db4d2;
			color: #fff;
			bottom: 0;
			font-size: 12px;
			line-height: 26px;
			padding: 0 6px;
			box-sizing: border-box;
			box-shadow: 3px 3px 16px #c2bee0;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
		}

		.statusbar a {
			color: #fff;
		}

		.statusbar-left {
			display: inline-block;
			float: left;
		}

		.statusbar-right {
			display: inline-block;
			float: right;
		}

		.statusbar-right a {
			text-decoration: none;
		}

		.statusbar-right svg {
			margin-left: 6px;
			margin-top: 3px;
			height: 20px;
		}

		html, body, div {
			scrollbar-color: #a6add2 #d9dcec;
			scrollbar-width: thin;
		}

		::-webkit-scrollbar {
			width: 4px;
		}

		::-webkit-scrollbar-track {
			background: #d9dcec;
		}

		::-webkit-scrollbar-thumb {
			background: #a6add2;
			border-radius: 4px;
			border: 2px solid #d9dcec;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #ff00ff;
		}

		.pink {
			background: #eca4f2;
			text-shadow: 0px 0px 4px #bb458f;
		}

		.purple {
			background: #cba4f2;
			text-shadow: 0px 0px 4px #9c45bb;
		}

		.blurple {
			background: #aea4f2;
			text-shadow: 0px 0px 4px #9c45bb;
		}

		.blue {
			background: #a4b0f2;
			text-shadow: 0px 0px 4px #4547bb;
		}

	</style>