body {
    /*background: rgb(238, 215, 141);*/
    /*background-image: url(img/tilingflowers400.jpg);*/
    background: #F5F0DD url(img/tilingflowers400.jpg);
    font-family:'FiraGO-Regular', Courier, monospace;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px;
    padding: 0px;
    color:rgb(82, 82, 82);
}

@font-face {
  font-family: 'FiraGO-Regular';
  src: url('fonts/FiraGO-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('fonts/FiraGO-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'FiraGO-Medium';
  src: url('fonts/FiraGO-Medium.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('fonts/FiraGO-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

nav {
    /*background-color: white;*/
    display:block;
    display: inline-flex;
}

div.container {
    background-color: #C4C0AA;
    border: 4px ridge DarkSlateGray;
    margin: 5%;
    padding: 5%;
}

div.container {
    width: 50%;
    max-width: 100%;
}

footer {
    width: 60%;
    text-align: center;
}

div.osccon {
    background-color: #ECE6D4;
    border: 1px ridge DarkSlateGray;
}
.dark1 {
    border: 1px ridge DarkSlateGray;
}

div.title {
    padding: 10px;
    margin: 10;
}

nav ul {
    list-style-type:none;
    padding:2px;
    margin:0;
    flex-wrap: wrap;
    display: inline-flex;
}

nav ul li {
    padding-right: 15px;
    display: block;
    flex-grow: 1;
    text-align: center;
    font-family:'Courier New', Courier;
}

nav ul li a {
    text-align: center;
    border: 4px ridge;
    border-color: #C596A1;
    background-color: #88665D;
    margin-left: -5px;
    margin-right: 5px;
    padding: 5px;
    width: 85px;
    height: 52px;
    display: block;
    color: #eee
}

.art {
    background-color: #ECE6D4;
    width: 80%;
    margin-bottom: 30px;
}

h1, h2, p {
    margin: 0;
    color: #49024F;
}

p.indent {
    text-indent: 5%
}

h1 {
    font-size: 36px;
    font-weight: 900;
    font-family:'Courier New', Courier, monospace;
}

h2 {
    font-size: 20px;
}


footer {
    background-color: black;
    color: white;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

div.LoopRingWrapper {
display: inline-block;
min-width: max-content;
font-size: 14px;
text-decoration: none;
}
div.LoopRingWrapper a {
  text-decoration: none;
  color: #008080;
}
div.LoopRingWrapper a:visited {
  color: rgb(00, 168, 88);
}
div.LoopRingWrapper a:hover {
color: lightgreen;
}