@charset "utf-8";

body,div.art,footer
{
	background-image: url("../../www/img/starbackground.gif");
	background-color: black;
	background-attachment: fixed;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color:whitesmoke;
	padding:20px;
	margin:20px;
}

.centre{
	text-align: center;
}

.error{
	color:red;
	text-align: center;
}

.witch{
	max-width: 500px;
	display: block;
	margin: auto;
	padding: 5px;
}


.title{
margin: auto;
text-align: center;
color: red;

}

@-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;
}



img:hover
{
	opacity: 0.6;
}

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


hr
{border-style:ridge;
border-color:rgb(249, 0, 0);
}



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

h4
{color:grey;
	font-size:15px;}

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

	a,footer,a:visited
{color:lightslategrey;
	text-decoration: none!important
}

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

a:active{
    color:grey!important;
}


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

		

}

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

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

/* Shrink thumbnail size if the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
  img.thumb { width: 50px; height: auto; }
}