body{
    background-color:lightslategray;
    font-family: 'Segoe UI', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1{
    text-align: center;
    color:gold;
}
div.lists{
    background-color:darkslategray;
    margin-left: 100px;
    width: 50%;
    border-radius: 10px;
    box-shadow: 5px 5px 10px black;
    padding: 10px;

}
h2{
    text-align: center;
}
.button-row{
    display: flex;
    justify-content: center; /* center horizontally */
    gap: 16px;
}
.button-container{
    background-color:rgb(98, 202, 13);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
}
.button-container:hover{
    background-color: rgb(78, 162, 10);
}