@charset "UTF-8";
/* CSS Document */

html {
	cursor: url('../assets/images/heavenlydemoncatorange.png') 70 10, url("images/heavenlydemoncatorangeleft.png") 0 10, auto;	
	background-color: #99ff66;
}

body{
	font-family: rainyhearts;
	padding: 0px;
	margin: 0px;
}

pre{
	font-family:"Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size:14px;
	font-color:black;
}

h1{
	border: solid #FF822A thin;
	width: 98%;
	padding: 10px 1%;
	text-align: left;
	font-size: 30px;
	display: flex;
	margin: 0px;
	color: white;
	background-color: #FF822A;
}

h2{
	font-family: rainyhearts;
	margin-top: -30px;
	color: black;
	text-align: center;
}

h3 {
	width:88%;
	height: auto;
	font-size: 30px;
	float: none;
	background-color: white;
	color: black;
	font-family: rainyhearts, "coolvetica rg";
	padding:10px;
	margin: 0 5%;
	border: medium dotted #FF822A;
	border-top:none;
}

h4{
	width:88%;
	height: auto;
	font-size: 30px;
	float: none;
	background-color: white;
	color: black;
	font-family: rainyhearts, "coolvetica rg";
	padding:10px;
	margin: 0 5%;
	border: medium dotted #FF822A;
	border-top:none;
}

.column {
	float: left;
}

.right {
	width: 40%;
	float: right;
} 

.middle {
	width: 40%;
}

.left {
	width: 20%
}

.page {
	width:80%;
}

.accordion {
	width: 100%;
	float: left;
	border-top: solid #FF822A medium;
	border-left: solid #FF822A medium;
	border-right: solid #FF822A medium;
	border-bottom: solid #FF822A medium;
	padding: 10px;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	background-color: #99ff66;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	margin: 0px;
	color: black;
	transition: 0.4s;
	outline: none;
	border-radius: 0px;
	cursor: url('images/heavenlydemoncatorange.png') 70 10, url("images/heavenlydemoncatorangeleft.png") 0 10, auto;
}

.active, .accordion:hover{
	background-color: #FF822A;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, auto;
	border-right-color: #99ff66;
	border-left-color: #99ff66;
	color: white;
}

a.h1:link, a.h1:visited{
	color: white;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10,pointer;
}


a.h1:hover, a.h1:active{
	color:#99ff66;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, pointer;
	font-style:normal;
}


.accordion:after {
	content: '\02795';
	font-size: 10px;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: black;
	float: right;
}

.active:after {
	content: '\02796';
}

.panel {
	float: left;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 14px;
	padding: 0px 10px;
	margin-left: 3px;
	width: 90%;
	max-height: 0;
	background-color: white;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border-radius: 0px;
	border-right: dotted thin #FF822A;
	border-left: dotted thin #FF822A;
}

.buttonlink {
	width: 100%;
	float: left;
	border-top: solid #FF822A medium;
	border-left: solid #FF822A medium;
	border-right: solid #FF822A medium;
	border-bottom: solid #FF822A medium;
	padding: 10px;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	background-color: #99ff66;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	margin: 0px;
	color: black;
	transition: 0.4s;
	outline: none;
	border-radius: 0px;
	cursor: url('images/heavenlydemoncatorange.png') 70 10, url("images/heavenlydemoncatorangeleft.png") 0 10, auto;
}

.buttonlink:hover {
	background-color: #FF822A;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, auto;
	border-right-color: #99ff66;
	border-left-color: #99ff66;
	color: white;
}

.buttonlink:active{
	color:#3CB500;
}

.buttonlink:after {
	content: '>>';
	font-size: 16px;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: black;
	float: right;
}


iframe{
	width: 100%;
	height: 800px;
	padding: 0px;
	border-left: solid #FF822A medium;
	cursor: url('images/heavenlydemoncatorange.png') 70 10, url("images/heavenlydemoncatorangeleft.png") 0 10, auto;
}

.thing{
	width: 80%;
	padding: 5% 10%;
}

.frame{
	z-index: 3;
	position: absolute;
	width: 32%;
}

.slideshow-container {
	position: relative;
	z-index: 2;
	width: 80%;
	padding: 10%;
}

.mySlides{
	display: none;
}

a:link{
	color: #3CB500;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, pointer;
}

a:visited{
	color: #BC6BE8;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, pointer;
}

a:hover{
	color: #FF822A;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, pointer;
	font-style:italic;
}

.writing{
	font-size: 16px;
	line-height: 1;
	font-family: "Andale Mono","monospace";
}

.project{
	background: white;
	border-bottom: none;
	border-top: none;
	border-left: inset medium solid #FF822A;
	border-right: none;
	font-size: 14px;
	line-height: 1;
	width: auto;
	float: none;
	color: black;
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-style: oblique;
	padding: 5px 2px;
}

.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	border: medium solid #FF822A;
}

.center:hover{
	border: medium solid #98F6A8;
	cursor: url('images/heavenlydemoncatgreen.png') 70 10, url("images/heavenlydemoncatgreenleft.png") 0 10, pointer;
}