@charset "utf-8";

/* CSS Document */

/* Page Overview */

body {
    background: ebe8de;
    font-family: "Roboto Condensed", sans-serif;
    width: calc(100% - 40px); /* Leaves space for shadow visibility */
    margin: 0; /* Remove default browser margin */
    padding: 0; /* Remove padding if present */
	overflow-x: hidden; /* Stops horizontal scrolling */

}



/* Site TEXT */

p

{

		color:#0a0823;

		font-size:18px;

		line-height: 25px;

		margin:0px 0px 10px 10px;

		letter-spacing: 3px;

		word-spacing: 8px;

		text-align: justify;	

		

}



.date

{

		color:#F90;

		font-size:12px;

		line-height: 15px;

		margin: 5px 0px 5px 20px;

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: left;

		padding: 5px;

}



.dates

{

	color:#C90;

	font-family: 'Felipa', cursive;

	font-size:15px;

	margin:10px ;

	text-align: center;

	background-color:#efedf3;

	border-radius: 10px;

  	padding: 5px;

}



.cur

{

	color:#930;
	letter-spacing: 1px;
	font-family: 'Felipa', cursive;
	font-size:18px;
	margin:0 60px 20px 40px;
	letter-spacing: 1px;
	text-align: justify;
}

.insert
{
 	 font-family: "Tuffy", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	color:#09C;
	
}





.iname
{
	color:#36C;
	font-size:18px;
	font-family: 'Felipa', cursive;
	margin:5px 5px 10px 5px;
	text-align: justify;
	background-color:;
	border-radius: 15px;
	padding: 10px;
	font-weight: ;
	font-style: ;
}



article{

		color:#963;

		font-size:17px;

		line-height: 1.3;

		

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: justify;

		margin: 0px 100px 0px 75px;

		font-style: italic;

	}



.ref

{

	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; 

	font-size: 14px; 

	color: #C60;

	text-align: justify;



	}

h1{color:#e1a341;	text-shadow: 4px 4px 4px #aaa; 	font-size: 42px; font-weight: bold; text-align: center; margin: 30px 0px 30px 0px; padding: 0px; line-height: 0;}	

h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 38px; font-weight: bold; text-align: center; margin: 30px 0px 20px 0px; padding: 0px; line-height: 0;}	

h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 33px; font-weight: bold;	text-align: left; margin: 10px 0px 20px 0px; padding: 0px; line-height: 0;}

h4{color:#963; 		text-shadow: 4px 4px 4px #aaa;	font-size: 27px; font-weight: bold;	text-align: left; margin: 30px 0px 40px 0px; padding: 0px; line-height: 0;}

h5{color:#f4013a; 	text-shadow: 4px 4px 4px #aaa;	font-size: 21px; font-weight: bold;	text-align: ; margin: 30px 0px 20px 20px; padding: 0px; line-height: 0;}

h6{color:#090; 		text-shadow: 4px 4px 4px #aaa;	font-size: 19px; font-weight: bold;	text-align: ; margin: 15px 0px 20px 0px; padding: 0px; line-height: 0;}

/* 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: #;

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: #f1f5f7;

}

a:hover

{

	color: #b45c2a ;	

}

/* 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: #9FF;

}



/*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 #06C transparent;

  top: 7px;

}



/*style the items (options), including the selected item:*/

.select-items div,.select-selected {

  color: #C30;

  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);

}
.box {
        width: 90%;
        height: 200px;
        border: 5px solid gold;
      }
      .fit {
        width: 100%;
        height: 100%;
      }