:root {
    --nerdy-off-white: #F9EAD4;
    --colossus: #11133C;
    --md-text-font-family: 'Inter';
    --md-primary-fg-color:        var(--colossus);
    --md-primary-fg-color--light: var(--colossus);
    --md-primary-fg-color--dark:  var(--nerdy-off-white);
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] {
     --md-typeset-a-color: var(--nerdy-off-white);
}

/* Override the default scrollwrap, which enforces scrollbars on table */
.md-typeset__scrollwrap {
  overflow-x: visible;
}

.grid-container {

  display: grid;
  gap: 1px 1px;

}

.mannskap-container {

  font-family: 'Inter', Helvetica, sans-serif;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 0.9vw;
  grid-row-gap: 0.6vw;
  font-size: 0.8vw;
  
}

.grid-item {
  gap: 15px;
  text-align: center;
  align-self: self-end;
 
}

.crew-photo {
  object-fit: cover; 
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  border-style: solid;
  border-width: 2px;
  height: 120px !important;
  width: 120px !important;
}

.navn {
  font-weight: normal;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px;
}

.logo-container {

  font-family: 'Inter', Helvetica, sans-serif;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 0.7vw;
  grid-row-gap: 0.5vw;
  font-size: 0.8vw;
  
}

.logo-grid-item {
  gap: 15px;
  text-align: center;
  align-self: self-end;
  
}

.customer-logo {
  padding: 0.3vw;
  width: 21vw;
}