.center {
    text-align: center;
}
body {
    background-color: #d2b48c; /* Use a golden-brown color for the background */
    font-family: 'Times New Roman', Times, serif;
    margin: 20px;
}
h1 {
    color: #8b4513; /* Saddle Brown color for the header text */
    text-align: center;
}
input, select, button {
    background-color: #f2ce9e;
    text-align: center;
}

.banner_nav {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;;
}

.rpg_link {
    margin: 0 10px;
    text-decoration: none;
    color: #8b4513;
}
.rpg_link:hover {
    text-decoration: underline;
    color: #5b3d0c; /* Darker shade for hover effect */
}
.width250 {
    width: 250px;
}
#eraseWarning {
    color: red;
    margin-left: 10px;
    display: inline-block;
}
.btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}
.btn-danger {
    background-color: #d9534f;
    color: #fff;
}
.btn-danger:hover {
    background-color: #b52b27;
}
.event-message {
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
  display: block !important;
}