.doll {
  float: left;
  bottom: 10px;
  z-index: 999;
  width: 100px;
  right: 1300px;
  position: absolute;
  filter: drop-shadow(0px 2px white) drop-shadow(0 -2px white) drop-shadow(2px 0 white) drop-shadow(-2px 0 white)  drop-shadow(0 0 3px black);
}

		body {
			margin: 0;
			padding: 0;
			font-family: times;
			font-weight: 400;
			font-style: normal;
			font-size: 14px;
			background: url('https://i.postimg.cc/C1zzH2Rw/tumblr_78dab17bf16832fcc4cc003e6df68404_c021043b_100.webp');
		}
    footer {
      text-align: center;
      font-size: 20px;
      color: grey;
      margin-top: 15px;
      position: absolute;
      bottom: 10px;
      margin: auto;
      width: 100%;
    }
		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('https://i.postimg.cc/HnbWXtVf/0e2gud.png');
			background-size: cover;
			border-radius: 6px;
			border-image-slice: 18% 18% 18% 18%;
      border-image-width: 30px 30px 30px 30px;
      border-image-outset: 18px 18px 18px 18px;
      border-image-repeat: round round;
      border-image-source: url("https://i.postimg.cc/0jh4dFt1/ppnu.png");
      border-style: solid;
		}
		.wandow {
			background: grey;
			position: absolute;
			border: 1px solid black;
			box-sizing: border-box;
			padding: 4px;
			border-radius: 0px;
			box-shadow: 2px 2px 14px #00000094;
		}

		.wandow::after {
			content: '';
			position: absolute;
			border-radius: 0px;
			border: 2px solid transparent;
			pointer-events: none;
		}

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

		.wandow.little {
			height: 264px; /* height always 40px more than width to get square content area. the header space is 40px and for some reason that affects the lil tiny window*/
			width: 234px;
			top: 410px;
			left: 300px;
		}

		.header	{
      background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
			color: #aeaeae;
			padding: 6px 12px;
			border: 1px solid black;
			box-sizing: border-box;
			margin-bottom: 4px;
			font-weight: bold;
			font-size: 18px;
			letter-spacing: 1px;
			border-radius: 0px;
		}
		
		.header:before {
	content: url(images/wincon.png);
	opacity: 1;
	padding-right: 3px;
	padding-left: 3px;
		}

		.content {
			height: calc(100% - 46.5px);
			width: 100%;
			background: white;
			box-sizing: border-box;
			border: 1px solid black;
			border-radius: 0px;
			position: relative;
		}
		.wandow.little.content {
		  overflow: hidden;
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}
		.menu {
			height: 580px;
			position: absolute;
			width: 100px;
			left: 40px;
			top: 120px;
			text-align: center;
		}

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

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

		.menu img {
			display: block;
			margin: auto;
			margin-bottom: 4px;
      filter: drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white)  drop-shadow(0 0 3px black);
    }

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

		.title {
			font-weight: 400;
			font-style: italic;
			color: black;
			text-shadow: 0px 0px 3px #30007d;
			font-size: 50px;
			position: absolute;
			left: 37px;
			top: 20px;
		}
		
				.subtitle {
			font-weight: 400;
			font-style: normal;
			color: white;
			text-shadow: 0px 0px 3px white;
			font-size: 30px;
			position: absolute;
			left: 42px;
			top: 80px;
		}

		.menu-label {
      background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
			color: #d854f5;
			font-size: 15px;
			padding: 3px 6px;
			border-radius: 0px;
			box-shadow: 0px 0px 5px black inset;
			border: black outset;
			border-width: 1px;
			display: inline-block;
		}

		.statusbar {
			font-weight: bold;
			border: 2px solid #333;
			position: absolute;
			height: 30px;
			width: 100%;
      background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
			color: lightgrey;
			bottom: 0;
			font-size: 16px;
			line-height: 26px;
			padding: 0 6px;
			box-sizing: border-box;
			

			box-shadow: 3px 3px 16px black;

			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}

		.statusbar a {
			color: #868686;
		}

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

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

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

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


::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background: none;
}

::-webkit-scrollbar-thumb {
  width: 16px;
  height: 16px;
  background: silver;
  box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  border: 1px solid;
  border-color: silver #000 #000 silver;
}

::-webkit-scrollbar-track {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 2px;
}

::-webkit-scrollbar-button:vertical:decrement {
  width: 16px;
  height: 16px;
  background: silver;
  box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  border: 1px solid;
  border-color: silver #000 #000 silver;
  background-repeat: no-repeat;
  background-size: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
    display:block;
}

::-webkit-scrollbar-button:vertical:increment {
  width: 16px;
  height: 16px;
  background: silver;
  box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  border: 1px solid;
  border-color: silver #000 #000 silver;
  background-repeat: no-repeat;
  background-size: 16px;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
    display:block;
}

::-webkit-scrollbar-button:horizontal:decrement {
  width: 16px;
  height: 16px;
  background: silver;
  box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  border: 1px solid;
  border-color: silver #000 #000 silver;
  background-repeat: no-repeat;
  background-size: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
    display:block;
}

::-webkit-scrollbar-button:horizontal:increment {
  width: 16px;
  height: 16px;
  background: silver;
  box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
  border: 1px solid;
  border-color: silver #000 #000 silver;
  background-repeat: no-repeat;
  background-size: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
    display:block;
}

::-webkit-scrollbar-corner {
  background: silver;
}

/* dakedres was here ;3 */