/*//------------------------------------------------------------------------
		Coded by Aelyn and Cerine of Enamour.NU - Celestial Oracle Studio
		DO NOT STEAL, USE, CLAIM, PLAGIARIZE, RIP,
		REDISTRIBUTE, OR MODIFY OUR CODES AND CONTENTS!
-------------------------------------------------------------------------//*/







/*// FONTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre&family=Libre+Caslon+Text:ital@1&family=Fira+Sans&family=Playfair+Display&family=BenchNine&display=swap');




/*// GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

body {
	font: normal 1em 'Abel', sans-serif;
        padding: 0px;
	margin: 0px;
	color: #ebe7e2;
        line-height: 30px;
        letter-spacing: 1px;
        background: url('bg_main.png') center repeat #211010;
        }

td, div {
	font: normal 1em 'Fira Sans', sans-serif;
        line-height: 30px;
        letter-spacing: 1px;
        text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
        }

li {
	list-style-type: circle;
        }

font {
	color: #6a0000;
        }

b, strong {
        font: bold 1.1em "Playfair Display", serif;
	color: #6a0000;
        text-transform: uppercase;
        text-shadow: 0px 0px 3px #201211;
        }

i {
        font: italic 1.1em "Libre Caslon Text", serif;
	color: #e7331e;
        text-transform: lowercase;
        text-shadow: 0px 0px 3px #201211;
        }

u {
	font: normal 1.1em "Averia Serif Libre", serif;
	color: #e2df85;
        text-decoration: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        border-bottom: 1px dotted #777;
	}


h1 {
	font: normal 3em 'BenchNine', serif;
	letter-spacing: 2px;
	color: #6a0000;
        margin: 15px 0px -5px 0px;
        text-transform: uppercase;
        text-align: right;
        text-shadow: 0px 0px 3px #201211;
	}


h2 {
	font: normal 1.5em 'Century Gothic', sans-serif;
	text-align: center;
        text-transform: uppercase;
        letter-spacing: 5px;
        color: #9f91ad;
        margin-bottom: 0px;
        }

em {
	font: bold 5em 'Coustard', serif;
        color: rgba(93, 0, 0, 1);
        float: left;
        padding: 10px;
        text-shadow: 0px 0px 3px #201211;
        }

dfn {
        font: italic 1.4em 'Times New Roman';
	color: #ddd;
        text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
        }





/*// FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

input, select, option {
        font: normal 1em 'Fira Sans', sans-serif;
        background: #410c0c;
        border-right: 0px;
        border-top: 0px;
        border-left: 2px solid #ebe7e2;
        border-bottom: 0px;
        color: #ebe7e2;
        padding: 0.5em;
  	margin-bottom: 2px;
        line-height: 20px;
        width: 100%;
        resize: none;
        float: none;
        }

textarea {
	font: normal 1em 'Fira Sans', sans-serif;
        background: #322e26;
        border: 0px;
        color: #c6c6c6;
        padding: 0.5em;
        width: 100%;
        height: 150px;
        resize: none;
        float: none;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
        }


/*// LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

a {
	text-decoration:none;
	cursor: default;
        }

a:link, a:visited {
        font: normal 1em;
        color: #97461e;
        letter-spacing: 3px;
        text-align: justify;
        text-shadow: none;
        }

a:hover {
	cursor: help;
	text-decoration:none;
	color: #e2df85;
        }



/*// CLASS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

.showCredit {
	display: none;
	}

.content {
	padding: 20px;
	display: block;
        color: #ebe7e2;
        width: 750px;
        margin: 30px auto;
        text-align: center;
        }

.avatar {
	shape-outside: margin-box;
        shape-image-threshold: 0.5;
        margin: 15px;
        padding: 10px;
        border-radius: 50%;
	width: 150px;
	height: 150px;
        background: #6a0000;
	float: left;
	}

.button {
	opacity: 1.0;
        filter: alpha(opacity=100);
        padding: 5px;
        border: 1px dotted #81227e;
        background: #7b0001;
	}

.button:hover {
        opacity: 0.5;
    	filter: alpha(opacity=50);
        background: #350001;
	}

.mod {
        font: italic 1.1em "Playfair Display", serif;
	width: 600px;
        text-align: center;
        background: #6a0000;
        padding: 10px;
        color: #eee;
        border-radius: 20px;
        text-shadow: 0px 0px 3px #fff;
        margin: 20px auto 50px auto;   
	}

.mod b {
	color: #fff;
        }

.fan {
        display: inline-block;
        width: 150px;
        text-align: center;
        text-shadow: none;
        background: #2c0000;
        color: #e2df85;
        box-shadow: 3px 3px #aaa;
        padding: 10px;
        line-height: 20px;
        margin: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
	}




/*// ALERTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

.alert .inner {
	display: block;
	padding: 6px;
	margin: 6px;
	border-radius: 3px;
	border: 1px solid rgb(180,180,180);
	background-color: rgb(212,212,212);
	}

.alert.error .inner {
	border: 1px solid rgb(238,211,215);
	background-color: rgb(242,222,222);
	color: rgb(185,74,72);
	}

.alert.error .inner b {
	color: rgb(185,74,72);
	}

.alert.success .inner {
	border: 1px solid rgb(214,233,198);
	background-color: rgb(223,240,216);
	color: rgb(70,136,71);
	}

.alert.success .inner b {
	color: rgb(70,136,71);
	}





/*// FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

.link a:link, .link  a:visited {
        color: #fff;
	letter-spacing: .2em;
        font: bold .7em 'Roboto Condensed', sans-serif;
        background: #410c0c;
	line-height: 15px;
	padding: 5px;
        margin: 5px;
        width: 100px;
	display: inline-block;
        border: 0px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: 1px 1px #222;
        border-radius: 5px;
	}

.link a:hover {
	color: #fff;
        background: #6a0000;
	}

.copyright {
        font: normal .7em 'PT Sans Narrow', sans-serif;
        color: #ebe7e2;
        text-transform: uppercase;
        letter-spacing: 1px;
	padding: 20px;
	display: block;
        border-top: 1px dotted #ebe7e2;
        }

.copyright b {
        font: bold 1em 'PT Sans Narrow', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #5d0000;
        text-shadow: 0px 0px 3px #201211;
        }

.copyright a {
        font: normal 1em 'PT Sans Narrow', sans-serif;
        color: #5d0000;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 0px 0px 3px #000;
        }



/*// NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //*/

#nav a:link, #nav a:visited, #nav a:active {
        color: #ebe7e2;
	letter-spacing: 1px;
        font: normal 11px 'Roboto Condensed', sans-serif;
	background: rgba(93, 0, 0, .5);
	line-height: 15px;
	padding: 10px;
        margin: 2px;
        width: 100px;
	display: inline-block;
        border: 0px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
	}

#nav a:hover {
	color: #ebe7e2;
	text-decoration: none;
	text-shadow: none;
        background: #2c0000;
	}