html {
  height: 100%;
  overflow: hidden;
}

body { 
  margin:0;
  padding:0;
  perspective: 1px;
  transform-style: preserve-3d;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(249,252,239);
}

@font-face {
    font-family: yataghan;
    src: url(fonts/yataghan.ttf);
}

@font-face {
    font-family: SourceSansPro-Regular;
    src: url(fonts/SourceSansPro-Regular.ttf);
}

@font-face {
    font-family: Alegreya-regular;
    src: url(fonts/Alegreya-regular.ttf);
}

#story	{
		text-align: justify;
		color: #ffffff;
		font-size: 12px;
		}
		
#story a	{
		text-decoration: underline;
		color: #ffffff;
		}
		
fieldset {
	border: #4d6600 0px solid;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	}

/*------------------------------------------------------------*
** PANEL 1 - BGIMG-1 - PAGE-1
**------------------------------------------------------------*/
#bgimg-1 {
  background-image: url("../images/background.jpg");
  position: relative;
  min-height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#bgimg-1 .page1 {
    width: 60vw;
    height: 100%;
    margin-left: 20vw;
    padding-top: 3vh;
}

#bgimg-1 .page1 p {
  	font-family: Alegreya-regular;
  	font-size: 18px;
  	line-height: 150%;
  	color: #f5f5f5;
  	font-weight: 300;
  	text-shadow: 0 1px 1px #000;
  	margin-top: -.5vh;
}

#bgimg-1 .whoami {
    width: 58vw;
    margin-left: 1vw;
    padding-top: 25vh;
    background-color: rgba(0, 92, 67, 0.7);
}

#bgimg-1 .whoami p {
    margin-left: 1vw;
    color: white;
    }

#bgimg-1 .page1 .arrow {
    margin-top:5vh;
    margin-left:29.5vw;
    font-size:200%;
    font-weight: 900;
    font-family:yataghan;
    color: #f5f5f5;
    text-shadow: 0 2px 2px #000;
    }

/*------------------------------------------------------------*
** PANEL 2 - BGIMG-2 - PAGE-2 - Poetry
**------------------------------------------------------------*/
#bgimg-2 {
    background-image: url("../images/bgimg-2.jpg");
    position: relative;
    min-height: 290%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
}

#bgimg-2 p {
  	font-family: Alegreya-regular;
  	font-size: 16px;
  	color: #000000;
  	font-weight: 200;
  	line-height: 80%;
  	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*------------------------------------------------------------*
** PANEL 3 PAGE-3 Under the Influence of Paradise Book Red Frog
**------------------------------------------------------------*/

#box-style4 {
    width: 60vw;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#box-style4 .title {
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style4 .entry {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    padding: 2px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
    font-family: SourceSansPro-Regular;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style4 .entry a {
    text-decoration: underline;
    color: #ecc8a8;
}

#box-style4 img {
    float: left;
	margin-right: 15px;
	margin-top: 2%;
}

#box-style4 .button a	{
	    color: #ecc8a8;
	    font: 600 16px "Alegreya-regular";
		text-align: center;
		background-color: transparent;
	    background-image: url("../picts/button.png");
		-webkit-appearance: none;
        padding: 4px 4px 4px 4px;
		margin-left: 25vw;
		cursor: pointer;
		width: 101%;
        border: #ecc8a8 1px solid;
		-webkit-appearance: none;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		}

/*------------------------------------------------------------*
** PANEL 4 - BGIMG-4 - PAGE-4
**------------------------------------------------------------*/
#bgimg-4 {
    background-image: url("../images/bgimg-4.jpg");
    position: relative;
    min-height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bgimg-4 p {
  	font-family: Alegreya-regular;
  	font-size: 18px;
  	line-height: 150%;
  	color: #ffffff;
	text-shadow: 0 1px 1px #000;
  	margin-left: auto;
  	margin-right: auto;
  	font-weight: 500;
  	width: 50vw;
}

#bgimg-4 img {
    margin-left: 40%;
  	width: 20vw;
}

#bgimg-4 audio {
    margin-left: 40%;
    width: 20vw;
}

/*------------------------------------------------------------*
** PANEL 5 PAGE-5
**------------------------------------------------------------*/

#box-style5 {
    width: 60vw;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#box-style5 .title {
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style5 .entry {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    padding: 2px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
    font-family: SourceSansPro-Regular;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style5 .entry a {
    text-decoration: underline;
    color: #ecc8a8;
}

#box-style5 img {
    float: left;
	margin-right: 15px;
	margin-top: 2%;
}

#box-style5 .button a	{
	color: #ecc8a8;
	font: 600 16px "Alegreya-regular";
	text-align: center;
	background-color: transparent;
	background-image: url("../picts/button.png");
	-webkit-appearance: none;
    padding: 4px 4px 4px 4px;
	margin-left: 25vw;
	width: 101%;
	cursor: pointer;
    border: #ecc8a8 1px solid;
	-webkit-appearance: none;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		}

/*------------------------------------------------------------*
** PANEL 5 - BGIMG-3 - PAGE-5
**------------------------------------------------------------*/
#bgimg-5 {
    background-image: url("../images/bgimg-5.png");
    position: relative;
    min-height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bgimg-5 p {
  	font-family: Alegreya-regular;
  	font-size: 18px;
  	line-height: 100%;
  	color: #000000;
  	text-align: center;
  	font-weight: 300;
  	width: 50vw;
  	margin-left: 25%
}

#bgimg-5 img {
    margin-left: 40%;
  	width: 20vw;
}

#bgimg-5 audio {
    margin-left: 40%;
    width: 20vw;
}

/*------------------------------------------------------------*
** PANEL 6 - BGIMG-6 - PAGE-6
**------------------------------------------------------------*/
#bgimg-6 {
    background-image: url("../images/bgimg-6.jpg");
    position: relative;
    min-height: 90%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bgimg-6 p {
  	font-family: Alegreya-regular;
  	font-size: 18px;
  	line-height: 150%;
  	color: #000000;
  	text-align: center;
  	font-weight: 300;
}

#bgimg-6 img {
    margin-left: 40%;
  	width: 20vw;
}

#bgimg-6 audio {
    margin-left: 40%;
    width: 20vw;
}

/*------------------------------------------------------------*
** PANEL 7 BOX STYLE 7
**------------------------------------------------------------*/

#box-style7 {
    width: 60vw;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#box-style7 .title {
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style7 .entry {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    padding: 2px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
    font-family: SourceSansPro-Regular;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style7 .entry a {
    text-decoration: underline;
    color: #ecc8a8;
}

#box-style7 img {
    float: left;
	margin-right: 15px;
	margin-top: 2%;
}

#box-style7 .button a	{
	    color: #ecc8a8;
	    font: 600 16px "Alegreya-regular";
		text-align: center;
		background-color: transparent;
	    background-image: url("../picts/button.png");
		-webkit-appearance: none;
        padding: 4px 4px 4px 4px;
		margin-left: 25vw;
		cursor: pointer;
		width: 101%;
        border: #ecc8a8 1px solid;
		-webkit-appearance: none;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		}

/*------------------------------------------------------------*
** PANEL 7 - BGIMG-3 - PAGE-7
**------------------------------------------------------------*/
#bgimg-7 {
    background-image: url("../images/bgimg-7.jpg");
    position: relative;
    min-height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100vw;
}

#bgimg-7 .video_640 {
    margin-left: 32vw;
    width: 38vw;

}

#bgimg-7 iframe {
    margin-left: 32vw;
    width: 38vw;
    border: none;
}

#bgimg-7 .contact_me {
  text-align:  center;
  background-color:rgba(00, 00, 00, 0.2);
  }
  
/*------------------------------------------------------------*
** PANEL 9 BOX STYLE 9
**------------------------------------------------------------*/

#box-style9 {
    width: 60vw;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#box-style9 .title {
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style9 .entry {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 3px;
    padding: 2px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
    font-family: SourceSansPro-Regular;
	color: #ecc8a8;
	text-shadow: 0 1px 1px #000;
}

#box-style9 .entry a {
    text-decoration: underline;
    color: #ecc8a8;
}

#box-style9 img {
    float: left;
	margin-right: 15px;
	margin-top: 2%;
}

#box-style9 .button a	{
	    color: #ecc8a8;
	    font: 600 16px "Alegreya-regular";
		text-align: center;
		background-color: transparent;
	    background-image: url("../picts/button.png");
		-webkit-appearance: none;
        padding: 4px 4px 4px 4px;
		margin-left: 25vw;
		cursor: pointer;
		width: 101%;
        border: #ecc8a8 1px solid;
		-webkit-appearance: none;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		}

/*------------------------------------------------------------*
** COPYRIGHT
**------------------------------------------------------------*/
#copy {
 background-color: transparent;
 width: 100vw;
 margin-top: 20px;
}

#copy p {
  font-family: SourceSansPro-Regular;
  font-size: 11px;
  line-height: 150%;
  color: #3e1025;;
  margin: 0 auto;
  text-align: center;
}

#copy a {
  font-family: SourceSansPro-Regular;
  font-size: 11px;
  color: #3e1025;
  text-decoration: underline;
}

.copy_two {
 background-color: transparent;
 width: 100%;
 margin-top: 4vh;
 text-align: center;
}

.copy_two p {
  font-family: SourceSansPro-Regular;
  font-size: 11px;
  line-height: 150%;
  color: #000000;
  text-shadow: 0 1px 1px #fff;
  text-align: center;
}

.copy_two a {
  font-family: SourceSansPro-Regular;
  font-size: 11px;
  color: #000000;
  text-shadow: 0 1px 1px #fff;
  text-decoration: underline;
}


/*------------------------------------------------------------*
** END OF DONNA DECKER CSS CODE
**------------------------------------------------------------*/