:root{
    --main-bg-color: #747474;
    --main-bg-color-rgba: rgba{200, 200, 200, .8};
    --nav-bg-color-rgba: rgba{140, 120, 30, .8};
    --main-text-color: rgba(101, 80, 36);
    --background-odd: rgba(174, 240, 166);
    --background-even: rgba(233, 239, 232);
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', Times, serif;
}

main,
article,
section,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
nav{
    padding: 1%;
}

html{
    background-image: url(cs008/lab4/css/glacierMeadow.jpeg);
    background-color: burlywood;
    color: var(--main-text-color);
}

body{
    width: 90%;
    margin: 1% auto;
}

header h1,
header h2 {
    color: lightgoldenrodyellow;
    text-transform: uppercase;
}

nav,
footer {
    background-color: var(--nav-bg-color-rgba);
    border-bottom: medium solid var(--main-bg-color);
    padding: 1%, 0;
    text-align: center;
}



figure{

    float: right; 
    text-align: center; 
    width: 20%;
}

img{
    max-width: 300;
}