body {

background-image: url(jef.jpg),  url(bg.jpg);
background-repeat: no-repeat, repeat;
background-position: top left;
background-attachment: absolute;
font-size: 17px;color:#ffffff;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:center;
display: flex;
  flex-direction: column;
  align-items: center;
}

::-webkit-scrollbar {width: 9px; height: 3px; background: #19212D;}
::-webkit-scrollbar-thumb {background-color: #62403F; border: 0px;}


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

#container {
width:600px; margin-right: auto;
margin-top: 400px;
margin-left:470px;
flex: 1 1 auto;  /*grow vertically*/ } }


p {
font-size: 17px;color:#ffffff;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:center;}


h1 {
color: #C37666;
	font-family: 'Lobster', cursive;
	text-align: left;
        font-size: 36px;
background-image: url(premade/h1.png);}

	

h1:hover {
color: #D75137;
	font-family: 'Lobster', cursive;
	text-align: left;
        font-size:36px;}


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

.contentx  {
margin-bottom:14px;
width:600px;
padding: 10px 20px;
        border-radius: 10% 0% 1% 0%;
opacity:0.9;
background-image: url(bg.jpg);
font-size: 17px;color:#ffffff;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:left;
}



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

#nav a:hover {
	background: #928D5E;
	}

#footer {
    bottom: 0;
    color: #ffffff;
    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: #ffffff;
}

#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: #ffffff;
}

#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: #ffffff;
}


a:link {color:#EFBE48;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;

}






     
a:visited {color:#EFBE48;

text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;


}


a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#EFBE48;
cursor:pointer;

font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;

}  



a:active {color:#EFBE48;


text-decoration:none;
font-size: 17px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 500;
}




b { 
        color: #6B6CAB; 
}

i { 
        color: #6B6CAB;
}


blockquote {
 	background-color:#2E3440; 
 	padding: 15px;
	text-align:justify;
	color:#ffffff;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.8;
}


.contentx img {
background-color:#4D2F2F;
padding:5px;
border:3px solid #4D2F2F;
}


.contentx img {
max-width:100%;
}

a img {
padding:5px;
background-color:#4D2F2F;
border:3px solid #4D2F2F;
max-width:100%;
}

a img:hover{
padding:5px;
background-color:#4D2F2F;
border:3px solid #4D2F2F;
max-width:100%;
}

.contentx input, textarea, select {
  background-color: #232B33;
  padding:14px;
  color:#4D2F2F;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

div.left {

float: left;
width: 75px;
margin: 10px;}

div.right {
margin-left: 10px;
}

.clear {
clear: left;
margin: 1px;
padding: 0px;
}