@font-face {
  font-family: "SuperSunday";
  src: url("https://slaaneshxlovataar.neocities.org/Blogtooboogaloo/SuperSunday-vn3MA.woff") format("woff");
}

/* Apply font everywhere */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  color: #EEE;
  font-family: "SuperSunday", sans-serif;
  font-size: 12px;
  background-color: #25282b;
  background-image: url("https://slaaneshxlovataar.neocities.org/Blogtooboogaloo/Untitled%20design%20(23).gif");
  background-repeat: repeat;
  background-position: center top;
  background-size: contain;
}

body, html {
	position: relative;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
		font-family: "SuperSunday", sans-serif;
}

.left {
	border: 1px solid transparent;
	position: absolute;
	left: 0;
	right: 50%;
	top: 28px;
	bottom: 0;
}

.right {
	position: absolute;
	left: 50%;
	right: 0;
	top: 28px;
	bottom: 0;
}

.top {
	border: 1px solid #000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 300px;
	background-image: url("https://slaaneshxlovataar.neocities.org/Blogtooboogaloo/images%20(46).jpg"); /* 👈 add your image path here */
	background-repeat: no-repeat; /* no tiling */
	background-position: center top; /* centers it */
	background-size: cover; /* stretches to fill screen */
}

.bottom {
	border: 1px solid #000;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 300px;
	background-image: url("https://slaaneshxlovataar.neocities.org/Blogtooboogaloo/images%20(49).jpg"); /* 👈 add your image path here */
	background-repeat: no-repeat; /* no tiling */
	background-position: center top; /* centers it */
	background-size: cover; /* stretches to fill screen */
}

.menu a {
	padding: 0 6px;
	color: pink;
	text-decoration: none;
}
.menu a:hover {
	background: #DD1874;
}

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

.page img {
	max-width: 100%;
}

.page {
	color: #D4FC5E;
	padding: 12px;
	box-sizing: border-box;
}

h1 {
	color: #EE7F4F;
	font-size: 12px;
	font-weight: normal;
}

h1:before {
	content: '==========================================';
	color: #50CFDF;
	display: block;
}

h1:after {
	content: '==========================================';
	color: #50CFDF;
	display: block;
}

h2 {
	color: #EE7F4F;
	font-size: 12px;
	font-weight: normal;
}

h2:after {
	content: '------------------------------------------';
	color: #50CFDF;
	display: block;
}

a {
	color: #EE7F4F;
}

i {
	color: #976BB5;
}

.window-header {
	background: #E13283
	font-family: Arial, sans-serif;
	padding: 6px;
}

.window-header:after {
	content: "\25CF   \25CF";
	opacity: 0.7;
	float: right;
}

.window-content {
    padding: 12px;
    height: calc(100% - 50px);
    overflow: auto;
}

.log-date {
	color: #50CFDF;
	display: inline-block;
	margin-right: 24px;
}

.log-line {
	color: #D4FC5E;
	display: inline-block;
}

.info-table td:nth-child(1) {
	color: #4CC2D2;
	padding-right: 12px;
}

.info-table td:nth-child(2) {
	color: #CE6F40;
	padding-right: 24px;
}

.info-table tr:nth-child(odd) td:nth-child(3) {
	color: #C19C00;
}

.info-table tr:nth-child(even) td:nth-child(3) {
	color: #A070C0;
}

.info-table-2 td:nth-child(1) {
	color: #EEE;
	padding-right: 12px;
}

.info-table-2 td:nth-child(2) {
	color: #4CC2D2;
	margin-right: 24px;
	background: #343A47;
	display: inline-block;
}

.info-table-2 tr:nth-child(odd) td:nth-child(3) {
	color: #D4FC5E;
}

.info-table-2 tr:nth-child(even) td:nth-child(3) {
	color: #CE6F40;
}

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

::-webkit-scrollbar-track {
  background: #FFD1DB; 
}
 
::-webkit-scrollbar-thumb {
  background: #ADD8E6; 
}

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

.menu {
	background: #1F2022;
	padding: 6px;
}

.profile-img {
	margin-right: 24px;
}