/*//------------------------------------------------------------------------
		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=Satisfy&display=swap');




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

body {
        padding: 0px;
	margin: 0px;
	color: #aaa;
        line-height: 30px;
        background: url('bg_top.png') top right repeat-x,
        	    url('bg_foot.png') bottom right repeat-x,
        	    url('bg.png') top right repeat #f4f4f4;
        text-shadow: 1px 1px #fff;
        }

td, div {
	font: normal 1em 'Fira Sans', sans-serif;
        line-height: 30px;
        }

li {
	list-style-type: circle;
        }

b, strong {
        font: bold 1.1em "Playfair Display", serif;
	color: #8ea3cc;
        }

i {
        font: italic 1.1em "Libre Caslon Text", serif;
	color: #90ccda;
        }

u {
	font: normal 1.1em "Averia Serif Libre", serif;
	color: #bd9603;
        text-decoration: none;
        border-bottom: 2px solid #bd9603;
	}


h1 {
        font: normal 6em 'Satisfy', sans-serif;
        background-image: url('bg_text.png');
        background-size: contain;
	background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
	color: transparent;
        text-align: right;
	margin: 0px 50px -10px 0px;
	letter-spacing: -2px;
        text-transform: lowercase;
        line-height: 80px;
        text-shadow: none;
        }



blockquote {
        background: url('bg_content.png') top center no-repeat #fafafa;
        padding: 20px;
        border-radius: 10px;
        width: 700px;
        }






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

input, select, option {
	font: normal 1em 'Fira Sans', sans-serif;
        background: #fff;
        border: 0px;
        color: #909090;
        padding: 0.5em;
        line-height: 20px;
        width: 100%;
        resize: none;
        float: none;
        border: 1px solid #efefef;
        box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
        }

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





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

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

a:link, a:visited {
	font: bold 1.1em "Playfair Display", serif;
        color: #eb768b;
        }

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



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

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

.avatar {
	shape-outside: margin-box;
        shape-image-threshold: 0.5;
        border: 10px solid #d0cce7;
        margin: 15px;
        padding: 10px;
        border-radius: 50%;
	width: 120px;
	height: 120px;
        background: url(icon.png) center no-repeat #d0cce7;
	float: left;
	}

.total {
	font: normal 6.5em 'Droid Serif', serif;
        color: #eb768b;
        }

.pending {
        color: #fefefe;
        text-transform: uppercase;
        text-shadow: none;
        }

.stat1 {
	display: inline-block;
        text-align: center;
        padding: 10px 15px 10px 15px;
        width: 250px;
        }

.stat2 {
        display: inline-block;
        text-align: center;
        padding: 10px 15px 10px 15px;
        width: 350px;
        background: #fafafa;
        color: #909090;
        resize: none;
        border-left: 10px solid #bd9603;
        box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
	}

.button {
        padding: 5px;
        background: url('bg_text.png') repeat;
        transition: all, .5s;
        -moz-transition: all, .5s;
        -webkit-transition: all, .5s;
	}

.button:hover {
        background: url('bg_text.png') repeat;
        transition: all, .5s;
        -moz-transition: all, .5s;
        -webkit-transition: all, .5s;
	}

.mod {
        font: italic 1.1em "Playfair Display", serif;
	width: 600px;
        text-align: center;
        background: #fff;
        padding: 10px;
        text-shadow: 1px 1px #fff;
        border: 1px solid #efefef;
        box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
        margin: 20px auto 50px auto;   
	}

.fan {
        font: italic 1.1em "Playfair Display", serif;
        display: inline-block;
        width: 150px;
        text-align: center;
        background: #fff;
        color: #aaa;
        padding: 10px;
        border: 1px solid #efefef;
        box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
        line-height: 25px;
        margin: 10px;
	}





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

.link a:link, .link  a:visited {
        font: bold .9em "Playfair Display", serif;
        color: #fff;
        background: url('bg_text.png') repeat;
	line-height: 15px;
	padding: 5px;
        margin: 5px;
        width: 100px;
	display: inline-block;
        text-align: center;
        text-transform: uppercase;
        border-radius: 20px;
        text-shadow: none;
        width: 150px;
	}

.copyright {
        font: normal .8em 'Fira Sans', sans-serif;
        color: #909090;
        padding: 10px;
        text-decoration: none;
        line-height: 25px;
        background: rgba(255, 255, 255, .5);
        width: 750px;
        text-align: right;
        float: right;
        }

.copyright b {
        font: bold 1em "Playfair Display", serif;
        color: #8ea3cc;
        }

.copyright a {
        font: bold 1em "Playfair Display", serif;
        color: #eb768b;
        }





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

.main {
	float: right;
        width: 240px;
        text-align: center;
        margin: 20px 20px 0px 0px;
	}

.nav a {
        font: normal 1.5em 'Satisfy', sans-serif;
	display: inline-block;
  	color: #fff;
        padding-right: 20px;
	display: block;
        text-align: right;
        text-decoration: none;
        -webkit-filter: drop-shadow(0px 0px 1px #aaa);
        filter: drop-shadow(0px 0px 1px #aaa);
	}

.nav .info {
        text-shadow: none;
	display: inline-block;
	width: 0px;
	white-space: nowrap;
	direction: rtl;
	transition: .5s;
        color: rgba(255, 255, 255, 0);
	transform: translateX(20px);
	pointer-events: none;
        text-align: right;
	}

.nav a:hover .info {
	color: #fff;
        font-weight: normal;
	transform: translateX(0);
	text-decoration: none;
	text-shadow: none;
        margin-right: 20px;
        -webkit-filter: drop-shadow(0px 0px 1px #aaa);
        filter: drop-shadow(0px 0px 1px #aaa);
	}

.nav a:hover {
        color: #8ea3cc;
        text-shadow: none;
        -webkit-filter: drop-shadow(0px 0px 1px #aaa);
        filter: drop-shadow(0px 0px 1px #aaa);
	}