/* I HATE DEFAULT STYLING */
* {
	margin: 0;
	padding: 0;
	image-rendering: pixelated;
}

body {
	min-height: 100vh;
	min-width: 800px;
	display: flex;
	flex-direction: column;
}

header {flex-shrink: 0; margin-bottom: 10px;}
main {flex-grow: 1; flex-shrink: 0;}
footer {flex-shrink: 0;}

header {
    width: 100%;
    background: url(https://heccos.neocities.org/assets/images/headerframe.png), url(https://heccos.neocities.org/assets/images/seamlessWood.jpg);
}

header #headerContent{
    margin: auto;
    width: 800px;
    height: 30px;
    transform: translate(-16px, 0);
}

.window {
	margin: 0 auto 10px auto;
	background: url(https://heccos.neocities.org/assets/images/seamlessWood.jpg);
	width: 800px;
	display: flex;
	flex-wrap: wrap;
}

.topFrame {
    padding: 4px 2px 2px 4px;
	width: 800px;
	height: 24px;
	background: url(https://heccos.neocities.org/assets/images/topFrame.png);
}
.bottomFrame {
	width: 800px;
	height: 10px;
	background: url(https://heccos.neocities.org/assets/images/bottomFrame.png);
}
.leftFrame {
	width: 10px;
	background: url(https://heccos.neocities.org/assets/images/leftFrame.png);
}
.rightFrame {
	width: 10px;
	background: url(https://heccos.neocities.org/assets/images/rightFrame.png);
}
.containerInFrame {
	width: 780px;
	display: flex;
}