.grid-container {
  display: grid;
  grid-gap: 10px;
  <!-- background-color: #2196F3; -->
  padding: 0px;
  height: 92vh;
  grid-template-columns: 300px 1120px 400px;
  grid-template-rows: 302px 302px 302px
}

.grid-item {
  background-color: rgba(102, 102, 102, 0.8);
  text-align: center;
  font-size: 18px;
}

.header-item {
  background-color: rgb(153, 153, 153);
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}

.accordion {
  background-color: rgb(153, 153, 153);
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  border-radius: 12px;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: rgb(255, 174, 0); 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: rgba(102, 102, 102, 0.8);
  overflow: hidden;
}

ranks {
  text-align: center;  
  grid-column: 1 / span 1;
  grid-row: 1 / span 3;
  direction: rtl;
  overflow: auto;
}

cmdr {
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}

location {
  <!-- text-align: center; 
  grid-column: 2 / span 1;
  grid-row: 2 / span 2;
  overflow: auto;
}

links {
  text-align: center;
  grid-column: 3 / span 1;
  grid-row: 1 / span 3;
  overflow: auto;
  font-size: 15px;
}

table {
  width: 240px;
  table-layout: fixed;
  <!-- border: 1px solid #ffffff; -->
}

.linkstable {
  width: 375px;
  padding: 25px;
  table-layout: fixed;
}

tr:nth-child(odd) {
    background-color: #666666;
    opacity: .999;
}

td {
    border: 0px solid #ffffff;
}

td {
    position: relative;
}

.pb {
    border: 1px solid #ffffff;
}

.bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #ff8000;
    z-index: -1;
}

#cargo {
  border-collapse: collapse;
  border: 1px solid #ffffff;    
}

#cargo th{
  background-color: rgb(153, 153, 153);
}

#cargo tr:nth-child(odd){background-color: rgb(165, 114, 4);}

#cargo td {
    border: 1px solid
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(255, 174, 0); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b37400; 
}