@charset "utf-8";
/* CSS Document */
/* Page Overview */
body{        
	background:ebe8de;
	font-family: "Roboto Condensed", sans-serif;
		overflow:auto; 
	
	      
}

/* Site TEXT */
p
{
	color:#000;
	font-size:17px;
	line-height: 20px;
	margin:0px 0px 10px 10px;
	letter-spacing: 1px;
	word-spacing: 8px;
	text-align: justify;
		
}

p.cur
{
	color:#930;
	font-family: 'Felipa', cursive;
	font-size:16px;
	margin:0 60px 20px 40px;
	padding: 0px 0 10px 0 
	letter-spacing: 1px;
	font-style: italic;
	word-spacing: 4px;
	line-height: 20px; 
}
p.note
{
	color:#930;
	font-family: 'Felipa', cursive;
	font-size:14px;
	margin:5px 5px 10px 5px;
}

p.q
{
	color:#ec8110;
	font-family: 'Felipa', cursive;
	font-size:17px;
	margin:0 60px 20px 40px;
	padding: 0px 0 10px 0 
	letter-spacing: 1px;
	font-style: italic;
	word-spacing: 4px;
	line-height: 20px;
	text-align: justify; 
}

p.o
{
	color:#0a4779;
	font-family: 'Lobster Two', cursive;
	font-size:20px;
	margin:0 60px 20px 40px;
	padding: 0px 0 10px 0 
	letter-spacing: 1px;
	font-style: italic;
	font-weight: 600 ;
	word-spacing: 4px;
	line-height: 30px;
	text-align: justify; 
}

#ref
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
	font-size: 14px; 
	color: #C60;

	}


h1{color:#e1a341;	text-shadow: 4px 4px 4px #aaa; 	font-size: 45px; font-weight: bold; text-align: center; margin: 10px 0px 30px 0px; padding: 0px; line-height: 0;}	
h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 40px; font-weight: bold; text-align: center; margin: 10px 0px 20px 0px; padding: 0px; line-height: 0;}	
h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 35px; font-weight: bold;	text-align: ; margin: 10px 0px 20px 0px; padding: 0px; line-height: 0;}
h4{color:#963; 		text-shadow: 4px 4px 4px #aaa;	font-size: 30px; font-weight: bold;	text-align: ; margin: 30px 0px 40px 0px; padding: 0px; line-height: 0;}
h5{color:#f4013a; 	text-shadow: 4px 4px 4px #aaa;	font-size: 23px; font-weight: bold;	text-align: ; margin: 30px 0px 20px 0px; padding: 0px; line-height: 0;}
h6{color:#090; 		text-shadow: 4px 4px 4px #aaa;	font-size: 20px; font-weight: bold;	text-align: ; margin: 15px 0px 20px 0px; padding: 0px; line-height: 0;}


/* BLOCKS */

article
{
       width: 800px;
       margin-left: 20Px;
       margin-right: 40px; 
 
}



/* site LINKS */

a {
color: #30b33c;
font-weight: 500;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
display: inline-block;
text-decoration: none;
position: relative;
}
a::before {
position: absolute;
top: 0;
left: -5px;
right: -1px;
z-index: -1;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
border-radius: 15px;
background-color: #8b7c83;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
transition: transform 0.4s, opacity 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
a:hover::before
{
color: #e74c3c ;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #cbc4c7;

}

a:hover
{
	color: #bc600f ;	
}

/* site FEATURES  */

.quote {
	font-family: "Courier New", Courier, monospace;
	color: #36C;
	font-size: 16px;
	letter-spacing: 1px;
	word-spacing: 3px;
}
/* DROP DOWN LIST FEATURES  */
/*the container must be positioned relative:*/
.list-select {
  position: relative;
 font-family: 'Felipa', cursive;
}

.list-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}