body {
    width: 60%;
    margin: auto;
    text-align: center;
    font-family: Arial;
    top: 50%;
    left: 50%;
}

a:link{
    color: #FFFFE0
}

a:visited{
    color: antiquewhite
}

a:hover {
  color: #F0E68C; /* Darker yellowish-white for hover */
}

.container {
  display: flex;
  justify-content: center; /* Centers items horizontally */
  /* Optional: align-items: center; to center vertically if the container has a defined height */
}

.brown-bg{
    background-color: brown;
    width: 50%;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: white;
}

.green-bg{
    background-color: #05b027;
    width: 50%;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}