.page-content{
	width: 1240px;
	min-height: 1656px;
	height: 100%;
	position: absolute;
	background: var(--active-area);
}
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
}
footer a{
	text-decoration: underline;
}
a{
	text-decoration: none;
}
.soad{
	position: absolute;
	top: 30px;
	left: 50px;
	height: 290px;
	width: 800px;
}
.soad-window-content{
	padding: 5px;
}
.serj{
	position: absolute;
	top: 10px;
	right: 20px;
	height: 432px;
	width: 275px;
}
.tierlist{
	position: absolute;
	top: 340px;
	left: 33px;
	height: 1272px;
	width: 1172px;
}
.tier{
	display: flex;
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
}
.title{
	display: flex;
	min-height: 100px;
	width: 142px;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-right: solid 2px #000000;
}
.elements{
	display: flex;
	min-height: 102px;
	max-width: calc(100% - 144px);
	flex-wrap: wrap;
	flex-direction: row;
}
.element{
	display: flex;
	width: 100px;
	height: 100px;
	border: solid 1px #FFFFFF;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: -0.2px;
	text-shadow:
		 2px  2px 2px #000000,
        -1px -1px 0px #000000,
         0px -1px 0px #000000,
         1px -1px 0px #000000,
        -1px  0px 0px #000000,
         1px  0px 0px #000000,
        -1px  1px 0px #000000,
         0px  1px 0px #000000,
         1px  1px 0px #000000;
}
.arto{
	background: #F7F7F7;
}
.splus{
	background: #7FBFFF;
}
.s{
	background: #FF7F7F;
}
.a{
	background: #FFBF7F;
}
.b{
	background: #FFDF7F;
}
.c{
	background: #FFFF7F;
}
.d{
	background: #BFFF7F;
}
.idk{
	background: #7FFF7F;
}
.hypnotize{
	background-image: url(../img/hypnotize-small.jpg);
}
.mezmerize{
	background-image: url(../img/mezmerize-small.jpg);
}
.steal{
	background-image: url(../img/stealthisalbum-small.jpg);
}
.toxicity{
	background-image: url(../img/toxicity-small.jpg);
}
.self{
	background-image: url(../img/systemofadown-small.jpg);
}
.warning{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.warning-icon{
	height: 27px;
	width: 27px;
	margin: 0 10px 0 5px;
}
.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;
	gap: 20px;
}
.button:hover{
	background: var(--darker-color);
}