@charset "utf-8";


body,div.art,footer
{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 171, 252, 0.858)),url("../../artworks/img/illust/full/yuugiparseegay.png");
	background-attachment: fixed;
	background-size: 66%;
	font-family:Consolas;
	color:rgb(76, 71, 71);
	padding:10px;
	margin:10px;
}





@-webkit-keyframes darkmagic {
	0% {
		color: rgb(140, 0, 0);
	}

	25% {
		color: rgb(0, 215, 86);
	}

	50% {
		color: rgb(166, 0, 157);
	}

	100% {
		color: rgb(255, 0, 0);
	}
}

.darkmagictext {
	-webkit-animation: darkmagic 8s infinite alternate;
}
div.date{color: grey;}
div.gallery img{width:700;}


.story{

	float:left;
	width:500px;
}


.illust img {
	display:flex;
	float:right;
	width:250px;
}


table
{padding:10px;
	margin:10px;}


hr
{border-style:dashed;
border-color:rgb(255, 33, 251);
}



div.about,div.footer,div.art
{text-align:left;
	padding:10px;
	margin: 10px;}
div.table
{border:none;
	border-color:black;
}

h4
{color:rgb(217, 0, 221);
	font-size:15px;}

a.footer a 
{
    color:lightslategrey;
	text-decoration:bold;}

	a,footer,a:visited{color:rgb(217, 0, 221);
	text-decoration: none!important
}

a:hover {
    color:teal;
	text-decoration: line-through!important;
}

a:active{
    
    color:rgb(217, 0, 221);
}


div.navi
{border: grey;
	max-width:600px;
	padding-left:20px;

		

}

li
{list-style-image: url(bulletpoint4.png);}

.responsive {
  max-width: 100%;
  height: auto;
}


.title {
	font-size: larger;
	font-style: italic;
	background-color: rgb(255, 199, 247);
	max-width: 600px;
}
.full img.tall {
	height: 95%;
	width: auto;
}


.full.active {
	display: block;
}


.thumbs img {
	cursor: pointer;
	width: 60px;
}
.thumbs img:hover{

	opacity: 0.6;
}


.thumbs {
	float: left;
	width: 25%
}

.sidepane {
 width: 25%;
}

.full {
	width: 73%;
	height: 100vh;
	position: fixed;
	display: none;
	right:0;
	top: 0;
	overflow-y: auto;
}

.full img {
	width: 100%;
}

/* Shrink thumbnail size if the screen size is 600px wide or less */
@media screen and (max-width: 600px) {

	body {
		font-size: smaller;
		padding: 2px;

	}

	.thumbs img {
		width: 35px;
		height: auto;
	}

	.full img.tall {
		width: 100%;
		height: auto;
	}


	.bigpic img {
		max-width: 350px;
	}

	.thumbs img{

	width:30px;

	}

	.minipic {
		max-width: 100px;
	}

	.centrepiece img{
		max-width: 300px;
		margin: auto;
		display: block;
	}
		.centrepiece2 img{
		max-width: 450px;
		margin: auto;
		display: block;

		}
	body,div.art,footer
{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 128, 247, 0.441)),url("../../artworks/img/illust/full/yuugiparseegay.png");
	background-attachment: fixed;
	background-size: 120%;
	font-family: Consolas;
	color:rgb(0, 0, 0);
	margin:5px;
}

.sidepane img,textarea{

	max-width: 100px;
}

.sidepane {
	font-size: smaller;
}

}