body{
font-family: Verdana, Arial, sans-serif;
color: black;
background-color: #fcf8ed;
width: 1350px;
background: url('images/gardenpainting.jpeg') no-repeat left; background-size: 100%;
margin: auto;
}


main{
display: flex;
}

.box{

background-color: white;
opacity: 0.75;
border: 5px;
border-style: solid;
border-color: #7e8c74;
border-radius: 10px;
box-shadow: 1px 1px #66513c;

margin-bottom: 1em;
padding: 2em;
font-size: 1.1em;

}


.box1{
flex: 1;
background-color: white;
opacity: 0.75;
border: 5px;
border-style: solid;
border-color: #7e8c74;
border-radius: 10px;
box-shadow: 1px 1px #66513c;

margin-bottom: 1em;
margin-right: 1em;
padding: 2em;
font-size: 1.1em;
}




#picture{
opacity: 0.999;
}

.displayed{
display: block;
margin-left: auto;
margin-top: 0;
    margin-right: auto;
    margin-bottom: .7em;
width: 15em;
 }



h1{
font-family: "Monotype Corsiva", "Apple Chancery", serif;
font-size: 5em;
color: #7e8c74;
text-shadow: 1px 1px 1px #black;
text-align: center;
margin: 0;
padding: 0;
}	



h2{
font-family: "Monotype Corsiva", "Apple Chancery", serif;
font-size: 3em;
color: #7e8c74;
text-align: center;
margin: 0;
padding: 0;
}

h3{
font-family: "Monotype Corsiva", "Apple Chancery", serif;
font-size: 2em;
color: #7e8c74;
margin: 0;
margin-top: .5em;
padding: 0;
text-align: center;
}


ul{
margin: 0;
}


#leftside{ 
display: flex;
margin: 0;
padding: 0;
width: 38%;

}

#rightside{
display: flex;
margin: 0;
padding: 0;
float: right;
width: 61%;
flex: 1;
}


.box2{

background-color: white;
opacity: 0.75;
border: 5px;
border-style: solid;
border-color: #7e8c74;
border-radius: 10px;
box-shadow: 1px 1px #66513c;
font-size: 1.1em;

}


#container{
display: flex;
margin-left: 2em;
margin-bottom: 2em;
}


.portfo{
flex: 1;
text-align: center;}

a:link, a:visited{
color: #66513c;
}

a:hover, a:active{
color: #95754c;
}