:root{
	--MainColor:Khaki;
}
body {
  background-color: Black;
	font-family:"Century Gothic",Sans-Serif;
	margin: 0;
	margin-top:0;
	padding-top:0;
	color:rgb(225,225,225);
	background:url("Misc/Halloween_BG.jpg");
  background-size: auto;
}
body:before{
	
}
@media (orientation: landscape) {
.main{
	width:70%;
}
}


@media (orientation: portrait) {
.main{
	width:95%;
}
}


.main{
		margin-bottom:1em;
	margin-top:0.5em;
		padding-left:1vW;
	padding-right:1vW;
		padding:1%;	
		margin-left:auto;
		margin-right:auto;
		background-color:rgba(0,0,0,0.65);
		  box-shadow:0 0 25px black;
}
.imageDesc{
	text-align:center;
	font-size:0.8em;
	color:rgb(200,200,200);
}

h1{
	font-weight: bold;
	font-style: italic;
	font-size:2em;
	text-decoration: underline;
	text-decoration-color: var(--MainColor);
	text-align:center;
}
h2
{
	text-decoration: underline;
	text-decoration-color:  var(--MainColor);
	font-size:1.3em;
	text-align:center;
}
h3
{
	font-size:1.2em;
}
li{
	font-size:1em;
}

.hidden{
	display:none !important;
}

a
{
	padding-left:0.5vW;
}
.centeredDisplay
{
	width:50%;
	margin: auto;
display:flex;
justify-content:center;
}
.centeredDisplay img:hover{
 transform:scale(200%); 
}
.centeredDisplay img{
	max-width:100%;
  max-height:33vH;
	 transform:scale(100%); 
	 box-shadow: 0 0 15px white;
}
a {
	color:#d9c027;
}
a:hover{
	color:#ffde11;
	text-shadow:0 0 1px #ffde11, 0 0 5px #ffde11;
}

.quoteDiv{
	width:fit-content;
	border:1px transparent solid;
	border-radius:2px;
	border-color:green;
	box-shadow: 0px 4em Green inset;
	gap:0.5em;
	display:flex;
	flex-direction:column;
	flex-grow: 1;
	padding:0.5%;
}
.quoteDiv i {
	box-sizing: border-box;
}
.quoteDiv h3{
	margin-left:0.5em;
}
.final{
	text-align:center;
	font-weight:bold;
}