
* {
    box-sizing: border-box;
}
.body {
    margin: 0;
}
.header {
    background-color: #cdd2dd;
    color: black;
    text-align: center;
    padding: 8px;
}
.footer {
    background-color: #cdd2dd;
    color: black;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
}
.topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cdd2dd;
}
.topmenu li {
    float: left;
    border: 2px solid #d2ddcd;
}
.topmenu li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 16px;
    text-decoration: underline;
}
.topmenu li .active{
  color: white;
  background-color: #ddcdd2;
}
  .column {
    float: left;
    height: 800px;
}
.left {
  width: 75%;
  background-color: #d2ddcd;
}
.right {
  width: 25%;
  background-color: #cdd2dd;  
}
.table {
    border-collapse: collapse;
}

.table, td, th {
    border: 1px solid black;
}
