html {
  background-color: rgba(220,224,219,255);
}

.container {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 40px 1fr 1fr 40px;
  justify-content: center;  
  height: 98vh;
  width: 95vw;
  padding: 0;
}

.logo {
  justify-content: center;
  grid-row: 3 / span 1;
  grid-column: 2 / span 1;
  perspective: 100px;
 
}

.logo img {
    width: 250px;
   
}

/*.logo img {*/
/*  transition: transform .1s ease-in-out;*/
/*}*/

/*.logo img:hover {*/
/*  transform: rotate(-20deg);*/
/*}*/

.tabletop {
  grid-row: 1 / span 1;
  grid-column: 2 / span 1;
  margin-bottom: 10%;
  
}

.tablebottom {
  grid-row: 5 / span 1;
  grid-column: 2 / span 1;
  margin-top: 0;
  margin-bottom: 10%;
}

.tableleft{
  grid-row: 2 / span 1;
  grid-column: 2 / span 1;
  text-align: right;
}

.tableright {
  grid-row: 4 / span 1;
  grid-column: 2 / span 1;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10%;
  
}

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

th,td {
    padding: 15px;
}

table {
    border-collapse: collapse;
    
    
}

table,th,td {
    border: none;
}