body {

    font-family: Arial, sans-serif;

    text-align: center;

    background-color: white;

    padding-top: 50px;

    transition: background-color 0.5s;

}


h1 {

    color: black;

}


button {


    background-color: blue;

    color: white;

    border: none;

    padding: 10px 20px;

    font-size: 18px;

    cursor: pointer;

    margin-top: 20px;

    border-radius: 5px;

    transition: 0.3s;

}


button:hover {

    background-color: darkblue;
    transform: scale(1.05);

}

table{
    margin:40px auto;
    border-collapse:collapse;
    background-color: rgba(255, 255, 255, 0.8);
    table-layout: fixed;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
}

th {
    width: 220px;
}

td {
    width: 150px;
}

th, td{
    border:1px solid black;
    padding:15px 30px;
    font-size: 18px;
    text-align: center;
    
}