* {box-sizing:border-box;}

body {background-color:#FFFFFF;
        color: #666666;
        font-family: Optima;
        background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
        background-attachment:fixed;
        margin: 0px;
    }
#wrapper {
    display: grid;
    background-color: #b1ab9f;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px, 3fr) repeat(6, minmax(0, 960px)) minmax(0px, 3fr);
}      
#topbar {
        background-color:#999966;
        grid-row:1/2;
        grid-column:2/12;
}
header {background-color: #999966;
        font-size:5rem;
        color: #ffffff;
        grid-column:2/12;
        grid-row:1/2;
        text-align: center;
}

#navbar {background-color: #2a1717;
                grid-row:2/3;
                grid-column:1/-1;
        }
nav {font-weight:bold;
        background-color:#2a1717;
        position: sticky;
           top:0;
        grid-row:2/3;
        grid-column:2/8;  
        }
nav a {text-decoration:none;
        color:#FFFFFF;
        padding: 1rem 0rem;
        display:block;
        text-align:center;
        transition: background-color .1s;
        transition-timing-function: ease-in-out;
}
nav a:hover {background-color:#ddac3f;
                }
nav ul {list-style-type:none;
        margin:0px;
        padding:0px;
        display:flex;
        flex-flow:nowrap;
        }
nav ul li {width:100%;
        align-content: center;
        text-align: center;
          }
.clear {
    clear: both;
}
.intro {color:#2a1717;
        font-size:2em;}
footer {font-size: 0.7em;
          font-style:italic;
            text-align:center;
            padding:1em;
            background-color:#FFFFFF;
            grid-row:5/6;
            grid-column:2/8;
          }
main {padding-left:2em;
        padding-right:2em;
        display:block;
        background-color:#FFFFFF;
        padding-top: 1px;
        padding-bottom: 1px;
        grid-row:4/5;
        grid-column:2/8;
}
main img {border-radius:50%;
                border-style: solid;
                border-color: #2a1717;}
header img {border-radius:80%;
                border-style: solid;
                border-color: #2a1717;}
#bloodorange {background-image:url(images/bloodorangesky.jpg);
                height:300px;
                background-size:300px;
                background-repeat:no-repeat;
                background-position:left;
                grid-row:3/4;
                grid-column:1/-1;