.page-content{
	width: 1240px;
	min-height: 1400px;
	height: 100%;
	position: absolute;
	background: var(--active-area);
}
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
}
footer a{
	text-decoration: underline;
}
a{
	text-decoration: none;
}
ul{
	font-size: 18px;
}
.button{
	display: flex;
	width: 200px;
	height: 40px;
	border-radius: 5px;
	background: var(--main-color);
	color: var(--link-color);
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin: 10px auto 10px auto;
}
.buttons{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}
.button:hover{
	background: var(--darker-color);
}
.heyo{
	position: absolute;
	height: 176px;
	width: 590px;
	top: 10px;
	left: 390px;
}
.heyo-content{
	margin: 5px;
}
.webmaster{
	position: absolute;
	height: 632px;
	width: 358px;
	top: 90px;
	left: 15px;
}
.maciek{
	position: absolute;
	height: 172px;
	width: 300px;
	top: 750px;
	left: 40px;
}
.maciek-content{
	margin: 5px;
}
.general_info{
	position: absolute;
	height: 320px;
	width: 400px;
	top: 220px;
	left: 390px;
}
.hobbies{
	position: absolute;
	height: 250px;
	width: 400px;
	top: 265px;
	right: 20px;
}
.hobbies-content{
	margin: 5px;
}
ul{
	margin: 0;
	list-style-image: url('../img/list-arrow.png');
	padding-left: 20px;
}
li{
	padding: 2px;
}
.personality{
	position: absolute;
	height: 168px;
	width: 400px;
	top: 580px;
	left: 390px;
}
.personality-content{
	margin: 5px;
}
.games{
	position: absolute;
	height: 144px;
	width: 400px;
	top: 560px;
	right: 20px;
}
.games-content{
	margin: 5px;
}
.software{
	position: absolute;
	height: 224px;
	width: 400px;
	top: 790px;
	left: 390px;
}
.software-content{
	margin: 5px;
}
.hardware{
	position: absolute;
	height: 70px;
	width: 400px;
	top: 1060px;
	left: 390px;
}
.characters{
	position: absolute;
	height: 542px;
	width: 400px;
	top: 750px;
	right: 20px;
}
.characters-content{
	margin: 5px;
}
.contact{
	position: absolute;
	height: 100px;
	width: 400px;
	top: 1180px;
	left: 390px;
}
.contact-content{
	margin: 5px;
}
.uppies{
	position: absolute;
	height: 92px;
	width: 225px;
	top: 1260px;
	left: 10px;
}
.buttons{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
}
table{
	border-collapse: collapse;
}
td{
	padding: 8px;
}
tr:nth-child(odd){
	background: #FFFFFF;
}
.tab-name{
	width: 140px;
}
.margin{
	margin-bottom: 2px;
}
.warning{
	background: var(--window-bg-color);
	padding: 5px;
}
.maciek-button{
	margin-top: 0px;
}
.tech-link{
	color: #000000;
	text-decoration: underline;
}
.justify tr{
	background: var(--window-bg-color);
}
.justify{
	margin: 0 auto 0 auto;
}
.characters-table{
	width: 100%;
}
.characters-table img{
	border: 1px solid #000000;
}
.characters-pic{
	display: block;
}