html {
    background-color: rgb(225, 119, 119);
}

.list-box{
    background-repeat: repeat;
}


li{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: larger;
    
}

li:hover{
    color: rgb(14, 202, 80);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1{
    text-shadow: 1px 2px #b7b41b; 
}

.topnav{
    background-color: #dacdcc;
    overflow: hidden;
    position: sticky;
    border-style: groove;
    border-radius: 5in;
}

.topnav a {
    float: left;
    color: #077505;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover{
    color: rgb(110, 77, 73);
}

p{
    background-color: #dcc;
    padding: 10px;
}

/*th{
    border: 1px solid;
    background-color: grey;
}*/

table {
    border-collapse: collapse;
    width: 100%;
}

/*th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}*/

/* Define alternating background colors */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: #d1d1d1; /* Lighter color when hovered */
}

/* Define cell colors */
th {
    background-color: #6a0dad; /* Purple for headers */
    color: white;
}

td {
    background-color: #8a2be2; /* Purple for cells */
    color: white;
}