li {
  color: rgb(233, 225, 142);         
  font-size: 18px;      
  font-weight: bold;    
}

li:hover {
    background: rgb(78, 55, 7);
    color:pink;

}

body {  
    background-image: url(brown.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-family:cursive;
}

h1 {
    text-align: center; 
    font-weight: bold;  
    font-size: 50pt;
    color: rgb(59, 48, 48);
    background:rgba(255, 255, 255, 0.973);
}

h2 {
    text-align: center; 
    font-weight: bold;  
    font-size: 35pt;
    color: rgb(255, 255, 255);

    }

.center-menu {
  text-align: center; /* Centers the <ul> */
}

.center-menu ul {
  display: inline-block;  /* Makes the list shrink to its content so it can be centered */
  padding: 0;
  margin: 0;
  list-style-type: none;  
}

.center-menu li a {
  color: rgb(248, 255, 143);           
  font-size: 18px;
}

p {
    color:pink;
    text-align: center;
}

p:hover {
    background: rgb(78, 55, 7);
    color:rgb(251, 247, 174);
}

a{
    color: pink;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
}

a:hover {
    color: rgb(248, 248, 191);

}

.list-container {text-align: center;}

    ul {
     display: inline-block;
    text-align: center; /* Keeps the list items left-aligned inside the centered list */
     padding-left: 0;  /* Removes browser's default indent */
    }

.ol-container {text-align: center; /* Centers the <ol> block */}