body {
   background-image:url("comp020.gif");
   font-family: 'Courier New', Courier, monospace;
}

.wrapper {
    width:60%;
    margin-left: auto;
    margin-right: auto;
    margin: top 50px;
    margin-bottom:50px;
    display: block;
    box-shadow: 3px 3px 1px 3px black;

}

header {
    background-color:#00013B;
    font-size:35px;
    font-style:bold;
    color:#00C81E;
    padding:15px;
    text-shadow: 0 0 7px #00C81E;
    text-align: center;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background-color: darkblue;
}

ul li a {
    display: block;
    color:white;
    text-align: center;
    padding: 5px 14px;
    margin: 0 14px;
    text-decoration: none;
    background-color:#5E51FF;
    float: left;
    font-weight: bold;
}

ul li a:hover {
    background-color:#5224D9;
    color:#7FF8FF;
}

main {
    padding: 7px;
    background-color: #282859;
    color:lightblue;
}

img {
    margin:7px;
    border: black 3px solid;
    overflow: auto;
    float:right;
    max-height:400px;
    vertical-align:bottom;
}
footer {
    background-color: #00013B;
    color: #00C81E;
    font-size: 75%;
    text-align:center;
    padding: 15px;
}

table, th, td {
  border: 1px solid #51CDFF;
}

table {
    border-collapse: collapse;
}

td {
    text-align: center;
    padding:7px;
}

tr:nth-child(even) {
  background-color:#543A8F;
}

tr:nth-child(odd) {
  background-color: #1F2448;
}