/* ==== BASE PAGE ==== */
body {
  background-color: #afa397;
  border: 3px solid #422323; /* soft border color */
  border-radius: 12px;
  padding: 20px;
  margin: 20px auto;
  max-width: 900px;
  color: #ffffff;
  font-family: Rockwell;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 23.4px;
  text-align: left;
}

/* Utility */
.img-center {
  display: block;
  margin: auto;
  /* width intentionally unset to preserve current rendering */
}

figure img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p {
  color: #ffffff;
  /* line-height: ; */
}

/* //// STYLE //// */
h1 {
  font-family: Rockwell;
  font-size: 30px;
  font-style: normal;
  /* font-variant: normal;  (left as default to avoid visual change) */
  /* font-weight: 400;      (left as default to avoid visual change) */
  line-height: 26.4px;
  text-align: center;
  color:#443d3d;
}

h2 {
  font-family: Rockwell;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 26.4px;
  border-bottom: 1.1px solid #422323;
}

h6 {
  font-family: Rockwell;
  font-size: 15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  border-bottom: 1px solid #422323;
}

ul {
  /*background-color:#ccc;*/
  color: #423331;
}

ol {
  color: #423331;
}

nav {
  background-color: #6f665d;
  padding: 10px 12px 10px 12px;
}

/* Optional layout hook from template (kept empty to avoid visual changes) */
#content {
  /* width: ; */
  /* margin-left: ; */
}

/* /// LINKS /// */
a:link {
  color: #ab9fa7;
  text-decoration: underline;
}

a:hover {
  color: #97958e;
  text-decoration: underline;
}

a:visited {
  color: #777676;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

* {
      margin: 10px;
      padding: 0;
      box-sizing: border-box;
     }

    nav {
      text-align: center;
    }

     button  { 
      background-color: #422323;
      color: white;
      padding: 10px 50px;
      margin: 5px;
      font-family: Rockwell, Georgia, serif;
      text-align: center;
      display: inline-block;
      
      
    }
          button:hover {
      background-color: #2d1a1a;
      cursor: pointer;
    }

/*
* {
    border: 2px solid red;
    border-radius: 5px;
}
*/