* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

body {
   font-family: Arial, sans-serif;
   background: #d1a237;
   color: #000;
   margin: 0;
   padding: 0;
}

header {
   background: #c49a2f;
   text-align: center;
   padding: 20px;
}

h1 {
   font-size: 2em;
   margin-bottom: 0.3em;
}

h2 {
   text-align: center;
   margin: 20px 0;
   font-size: 1.4em;
}

table {
   width: 60%;
   margin: 20px auto;
   border-radius: 20px;
   padding: 15px;
   color: #000;
   box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}

table caption {
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 10px;
   text-align: center;
}

th {
   text-align: left;
   width: 120px;
   font-weight: bold;
}

td {
   padding: 5px;
}

td.type {
   text-align: right;
   font-style: italic;
   font-weight: bold;
   color: #fff;
}

/* Background colors */
table.prime {
   background: #7cc56b;
}

table.new {
   background: #91d6e3;
}

table:not(.prime):not(.new) {
   background: #f5dc70;
}

/* Rounded corners */
table {
   border-collapse: collapse;
   border-spacing: 0;
}