/* Font Face Declaration */


/* General Body Styles */
body {
  margin: 0;
  padding: 0;
  font-family: 'Google Sans', Noto, Roboto, 'Helvetica Neue', sans-serif;
}

/* Model Viewer Style */
model-viewer {
  width: 100%;
  height: 90%;
}

/* Link Styles */
a {
  color: white;
  text-decoration: none;
  font-family: 'ABBvoice W Rg', sans-serif;
}

a:link,
a:visited,
a:hover,
a:active {
  color: white;
  text-decoration: none;
  font-family: 'ABBvoice W Rg', sans-serif;
}

/* Grid Container */
.grid-container {
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-gap: 0px;
}

/* Grid Item Styles */
.a {
  grid-column: 1 / 5;
  grid-row: 1 / 7;
}

.b {
  grid-column: 5 / 9;
  grid-row: 1 / 7;
  background-color: #ffffff;
  color: #ffffff;
}

.c {
  grid-column: 9 / 13;
  grid-row: 1 / 7;
}

/* Responsive Adjustments for Medium Screens */
@media (max-width: 880px) {
  .a {
    grid-column: 1 / 8;
    grid-row: 1 / 7;
  }

  .b {
    grid-column: 8 / 13;
    grid-row: 1 / 4;
  }

  .c {
    grid-column: 8 / 13;
    grid-row: 4 / 7;
  }
}

/* Responsive Adjustments for Small Screens */
@media (max-width: 480px) {
  .a {
    grid-column: 1 / 13;
    grid-row: 1 / 5;
  }

  .b {
    grid-column: 1 / 7;
    grid-row: 5 / 7;
  }

  .c {
    grid-column: 7 / 13;
    grid-row: 5 / 7;
  }
}

/* Responsive Table Styling */
table {
  width: 100%;
  height: 70%;
  border-collapse: collapse;
  margin: 0 auto;
}

th,
td {
  padding: 0;
  text-align: center;
}

/* Specific Styling for Images with Class 'img-link' */
th img.img-link,
td img.img-link {
  display: block; /* Ensures the image doesn't have extra space around it */
  margin-left: 0; /* Align image to the left */
  max-width: 90%;
  height: auto;
}

/* Image Styling */
img {
  max-width: 90%;
  height: auto;
  text-align: left;
}

/* Table Adjustments for Mobile Screens */
@media (max-width: 480px) {
  table {
    width: 95%;
    margin: 0 auto; /* Center the table */
  }
}

/* Table Adjustments for Mobile Screens */
@media (max-width: 768px) {
  table {
    width: 95%;
    margin: 0 auto; /* Center the table */
  }
}