body {
	text-align: center;
	background-color: white;
	font-family: 'Special Elite', serif;
	color: #2E2A24;
}

a {
	text-decoration: none;
	color: #D46F24;
}

a:hover {
	text-decoration: underline;
	color: #D5296C;
}

p {
	font-family: 'Special Elite', serif;
	margin: 0;
	font-size: 10px;
}

h1 {
	font-size: 14px;
	text-align: center;
}

/* CLASSES */

.button {
	position: relative;
}

.image {
	position: relative;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
}

.overlay {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
}

.button:hover .overlay {
	opacity: 1;
}

.image:hover .overlay {
	opacity: 0;
}

/* MAIN PARTS */

.container {
	width: 928px;
	height: 722px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('img/bg.png');
	box-shadow: 5px 5px 10px grey;
}

.pagecontainer {
	width: 928px;
	height: 722px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('img/bg2.png');
	box-shadow: 5px 5px 10px grey;
}

.comicspagecontainer {
	width: 928px;
	height: 722px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('img/bg3.png');
	box-shadow: 5px 5px 10px grey;
}

.content {
	width: 852px;
	height: 644px;
	position: relative;
	left: 39px;
	top: 34px;

}

.header {
	width: 852px;
	height: 186px;
}

.pageheader {
	width: 852px;
	height: 186px;
}

.body {
	width: 852px;
	height: 458px;

}

.leftcolumn {
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#portfolio {
	width: 272px;
	height: 284px;
}

#socmed {
	width: 272px;
	height: 174px;
}

#socmedtop {
	width: 272px;
	height: 60px;
}

#socmedmiddle {
	width: 272px;
	height: 60px;
}

#bluski {
	width: 66px;
	height: 60px;
	float: left;
	padding-left: 42px;
}

#masto {
	width: 71px;
	height: 60px;
	float: left;
}

#email {
	width: 65px;
	height: 60px;
	float: left;
}

#socmedbottom {
	width: 272px;
	height: 54px;
}

.centercolumn {
	width: auto;
	height: auto;
	float: left;
}

#comics {
	width: 310px;
	height: 202px;
}

#lowercenter {
	width: 310px;
	height: 256px;
}

#bibliography {
	width: 164px;
	height: 256px;
	float: left;
}

#blog {
	width: 146px;
	height: 256px;
	float: left;
}

.rightcolumn {
	width: auto;
	height: 458px;
	float: right;
	text-align: center;
}

#commissions {
	width: 270px;
	height: 247px;
}

#commissions2 {
	width: 270px;
	height: 200px;
}

#artshop {
	width: 270px;
	height: 211px;
	position: relative;
	bottom: 0;
}

#commtext {
	width: 270px;
	height: 120px;
	vertical-align: top;
}

#commhead {
	width: 260px;
	margin: 0;
	padding: 0;
	background-color: pink;
}

#commdesc {
	width: 260px;
	height: 45px;
	margin: 0;
	background-color: green;
}

.likes {
	display: grid;
	grid-template-columns: auto auto;
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.likes div {
}

#nogos {
	width: 240px;
	height: 100px;
	margin-top: 10px;
	margin-left: 16px;
	text-align: center;
}

#pricing {
	width: 582px;
	height: 71px;
	position: relative;
	top: 0%;
}

.commbox {
	width: 572px;
	min-height: 90px;
	margin: 5px;
}

.sampleimage {
	width: 90px;
	height: 90px;
	margin-left: 5px;
	float: left;
}

.comminfo {
	float: right;
	width: 477px;
	height: 45px;
	
}

.description {
	float: left;
	position: relative;
	top: 20%;
	
}

.price {
	height: 90px;
	width: 100px;
	float: right;
	position: relative;
	top: 0%;
}

#jcb {
	width: 579px;
	height: 128px;
}

#jcbimg {
	height: 133px;
	width: 320px;
	float: left;
	margin-top: 10px;
}

#jcbtext {
	width: 249px;
	float: right;
	margin-top: 12px;
}

#middleman {
	width: 273px;
	height: 325px;
	float: left;
}

#middlemantext {
	width: 273px;
	height: 88px;
	margin-left: 10px;
	margin-top: 4px;
}

#middlemanimg {
	width: 273px;
	height: 237px;
}

#rabbithash {
	width: 286px;
	height: 325px;
	float: right;
	margin-left: 20px;
}

#rabbithashtext {
	margin: 10px 20px 0px 20px;
}

#shitkids {
	width: 273px;
	height: 273px;
	background-image: url("img/shitkids.png");
	background-repeat: no-repeat;
}

#shitkidsimg {
	height: 164px;
	width: 273px;
	margin-top: 10px;
}

#shitkidstext {
	margin: 0 10px 0 10px;
}

#exposures {
	width: 273px;
	height: 175px;
}

#exposurestext {
	height: 46px;
	width: 253px;
	margin: 0 20px 0 10px;
}

#exposuresimg {
	height: 129px;
	width: 273px;
}

.mmbox {
	height: 124px;
	width: 	406px;
	margin: 25px 0 5px 20px;
}

.mmimg {
	height: 124px;
	width: 99px;
	float: left;
}

.mmtext {
	width: 287px;
	float: right;
	margin: 30px 10px 0px 10px;
}

.footer {
	height: 38px;
	width: 852px;
	margin-top: 10px;
	position: relative;
	vertical-align: bottom;
	left: 38px;
	top: 42px;
}