@font-face {
    font-family: CopperPot, Helvetica, sans-serif;
    src: url('../fonts/copperpot-700.woff2');
}

* {
    font-size: CopperPot, Helvetica, sans-serif;
}

.container {
    width: 100%;
    height: 100%;
}

.body-container {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 40% 60%;
}

.left-container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto auto;
}


img {
    display: block;
    width: 100%;
    height: 100%;
}

table {
    width: 100%;
}

table,
th,
td {
    border-collapse: collapse;
}

th,
td {
    padding: 5px;
    color: azure;
    font-weight: bold;
}

th {
    text-align: left;
}

td {
    text-align: right;
}

table tr:nth-child(even) {
    background-color: #d54215;
}

table tr:nth-child(odd) {
    background-color: #e7ab46;
}

.right-container {
    padding: 2.5%;
}

footer {
    text-align: center;
}

a {
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    padding-top: 1%;
    display: block;
}

a:link,
a:visited {
    color: #d54215;
}

a:hover,
a:active {
    color: red;
}