style.css

/* * {
    margin: 0px;
    padding: 0px;
    
} */


body {
    background-color: #eee;
}
#title-part {
    color: yellowgreen;
}
.capital {
    font-weight: bolder;
    font-size: 24px;
}

h1 {
    font-size: 35px;
}

h1, h2 {
    text-align: center;
}
section.container {
    background-color: #fff;
    border: 10px solid indigo;
    padding: 20px;
    /* width vs max-width: Check resizing */
    max-width: 800px;
    /* margin: margin-top margin-right margin-bottom margin-left */
    margin: 0 auto;
    box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
}

th {
    border: 2px solid grey;
}
td {
    border: 1px solid grey;
}

table {
    border-collapse: collapse;
    text-align: center;
    margin:auto;
    margin-top: 0px;
    
}
td{
    padding: 5px 10px;
}
th {
    background-color: rgb(196, 196, 196);
}

#upleft {
    background-color: #fff;
    border: 0px;
}

.highlight {
    background-color: yellow;
}