@charset "UTF-8";

html {
    background-color: #9CAF88;
}
body {
    padding: 1em;
    background-color: #FEFBEA;
    font-size: 100%;
    margin-left: 2em; 
    margin-right: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 6px solid #A4BDBA;
}

nav, footer {
    background-color: #FFFDD0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

small {
    font-family: Arial, Helvetica, sans-serif;
}

dt {
    padding: 1em;
}


div {
    width: 360px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


dd {
    padding-bottom: .5em;
    padding-left: 1em;
    border-bottom: 1px solid;
    border-left: 3px solid;
}


h1 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
}


p {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


nav a {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav {
    background-image: url("MG5706.jpg");
    background-position: bottom;
    background-size: cover;
}


img {
    width: 360px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 6px solid #A4BDBA;
    object-fit: contain;
}


a:link {
    color: #A4BDBA;
}


a:visited {
    color: #a9a4bd;
}


a:hover {
    background-color: #FEFBEA;
}


a:active {
    background-color: #eceac3;
}