body {

background-image: url(images/trisha.jpg), url(images/bg.jpg);
background-repeat: no-repeat, repeat;
background-color: #ffffff;
background-position: top left;
background-attachment:fixed;font-size: 18px;color:#6E6B61; 
font-weight: normal;text-shadow: 0px 1px 0px #ffffff; font-family: 'Abel', serif; letter-spacing:1px; text-align:justify; line-height:23px;
display: flex;
  flex-direction: column;
  align-items: center;}

::-webkit-scrollbar {width: 14px; height: 3px; background: #ffffff;}
::-webkit-scrollbar-thumb {background-color: #D1C8AF; border: 0px;}

.p2 {
font-size: 16px;color:#433F46;font-weight: normal;
font-family:'Josefin Sans'; letter-spacing:2px; text-align:justify;
margin-bottom:10px;
}

.picture {
float:left;
margin:2px;
}

#container {
width:580px; margin-right: auto;
margin-top: 20px;
margin-left:650px;flex: 1 1 auto;  /*grow vertically*/}


p {
font-size: 18px;color:#6E6B61; font-weight: normal;text-shadow: 0px 1px 0px #ffffff; font-family: 'Abel', serif; letter-spacing:1px; text-align:justify; line-height:23px;}

h1 {
letter-spacing:4px;font-size: 38px;
color:#9A9273;text-align:center;
margin:0px;
font-weight: normal;
font-family: 'Abel', cursive;
text-align:justify;
text-shadow: 0px 1px 0px #ffffff;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;}



h2 {
letter-spacing:4px;font-size: 11px;
color:#D2B198;text-align:center;
margin:0px;
font-weight: normal;
font-family: 'Abel', cursive;
text-align:justify;
text-shadow: 0px 1px 0px #ffffff;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;}



font-weight: normal;
font-family: 'Gabriela', serif;
}


#content {
width:580px;
height:100px;
}

.contentx  {
margin-bottom:14px;
width:580px;
padding: 10px 20px;
opacity:0.7;
}


#navigation i {
	font-family: 'FontAwesome';
	font-style: normal;
        color:inherit;
        font-size:inherit;
}


.aligncenter {
    text-align: center;
}


#footer {
    bottom: 0;
    color: #4D2B198;
    height: 2em;
    left: 0;
    position: relative;
    font-size: small;
    width:100%;
    font-size: 16px;
    opacity:0.6;
}

#footer a:link {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:12px;
        line-height:13px;
        color: #D2B198;
}

#footer a:hover {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:12px;
        line-height:13px;
        color: #D2B198;
}

#footer a:visited {
        font-family: 'Playfair Display', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:12px;
        line-height:13px;
        color: #D2B198;
}





#nav a:link, #nav a:visited, #nav a:active {
        color: #D2B198;
	letter-spacing: 4px;
        font: bold 1em 'Abel', sans-serif;
	background: #ffffff;
	line-height: 12px;
	padding: 4px;
	display: inline-block;
        text-align: center;
        text-transform: lowercase;
        text-decoration: none;
        border-radius: 10% 20% 10% 30%;
        text-shadow: 1px 1px #ffffff;
        width: 130px;
        margin-top: 30px;
opacity:0.7
	}

#nav a:hover {
	background: #9A9273;            color: #ffffff;    text-shadow: 1px 1px #000000;
	}





a:link {color:#D2B198;
font-size: 18px;
        letter-spacing:1px;
font-family: 'Abel', cursive;
        font-weight: 200;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
text-decoration:none;}






a:visited {color:#D2B198;

text-decoration:none;
font-size: 18px;
        letter-spacing:1px;
font-family: 'Abel', cursive;
        font-weight: 200;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
text-decoration:none;


}


a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#D2C698;
cursor:pointer;
font-size: 18px;
        letter-spacing:1px;
font-family: 'Abel', cursive;
        font-weight: 200;
     border-bottom: 0;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;

text-decoration:none;

}  



a:active {color:#D2B198;


text-decoration:none;
font-size: 18px;
        letter-spacing:1px;
font-family: 'Abel', cursive;
        font-weight: 200;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
text-decoration:none;


}



b { 
        color: #D2C698; 
        text-decoration:none;
	font-size: 18px;
        letter-spacing:2px;
font-family: 'Abel', cursive;
        font-weight: 500;
        text-transform: uppercase; 
        padding-top:12px;
        padding-bottom:12px;
        padding-left:9px;
        padding-right:9px;
  opacity: 0.8;

}


i { 
        color: #D2C698;
text-decoration:none;
	font-size: 18px;
        letter-spacing:2px;
font-family: 'Abel', cursive;
        font-weight: 500;
        text-transform: uppercase; 
        padding-top:12px;
        padding-bottom:12px;
        padding-left:9px;
        padding-right:9px;
  opacity: 0.8;
}



blockquote {background-color: #F5F5F5;
 	padding: 9px;
	text-align:justify;
	color:#AFAFAF;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
text-shadow: 0px 1px 0px #ffffff;
}

.contentx input, textarea, select {
background-color: #F5F5F5;
  border: 2px solid #AFAFAF;
  padding:4px;
  color:#AFAFAF;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.8;
text-shadow: 0px 1px 0px #ffffff;
}

