* {
    box-sizing: border-box;
}

.wrapper > div {
    border: 2px solid rgb(133, 133, 133);
    border-radius: 5px;
    background-color: rgba(255, 255, 255);
    padding: 1em;
    color: #000000;
    font-family: sans-serif;
}  
  
.wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(40px, auto);
}

.header {
    grid-column: 1 / 4;
    grid-row: 1;
}

.copyright {
    grid-column: 1 / 4;
    grid-row: 2;
}

.ships {
    grid-column: 1 / 4;
    grid-row: 4;
}

.links {
    grid-column: 1/ 4;
    grid-row: 3;
}

table {
    border-collapse: collapse;
    table-layout: auto;
    border: 2px solid rgb(133, 133, 133);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 1em;
}

tr:nth-of-type(even) {
    background-color: #eee;
}

td {
    padding: 1em;
    color: #000000;
}