/* Top left text */

  .top-left {
    position: absolute;
    top: 40px;
    left: 20px;
  }


/* Web-safe font used throughout site */

  .site-font {
    font-family: 'sans-serif';
    color: white;
    font-size: 16pt;
    text-align: justify;
  }


/* Resize image to screen */

  .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    /* */ border: 2px solid white;
  }

  .minilogo {
    width: 259px;
    height: 259px;
    display: block;
    object-fit: cover;
    margin: 0 auto;
  }

/* Resize banner to width to screen and preserve aspect ratio */

.banner {
  /* */ border: 2px solid white;
  width: 100%;
}

/* Crop banners to same height */

.wrap {
  height: 150px;
  overflow: hidden;
}

/* Colour links */

  a:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
  }
  
  #a:visited {
  #  color: rgb(59, 75, 132);
  #  background-color: transparent;
  #  text-decoration: none;
  #}
  
  #a:hover {
  #  color: rgb(56, 120, 61);
  #  text-decoration: underline;
  #}
  
  #a:active {
  #  color: rgb(96, 167, 199);
  #  background-color: transparent;
  #  text-decoration: underline;
  #}

/* Margins on RHS and LHS */
/* https://markus.oberlehner.net/blog/styling-html-tables-how-to-apply-margins-borders-and-z-index-on-table-elements/ */

  p {
    margin-top:    40px;
    margin-bottom: 40px;
    margin-right:  40px;
    margin-left:   40px;
  }

/* Control space above formulae */

  .math-container {
    margin-top: 2px; /* Adjust this value as needed */
  }

/* Format all tables */

  table, td, th {
    border: 1px solid white;
    border-collapse: collapse;
    color: #fbfafa;
    font-family: 'sans-serif';
    margin-right:  40px;
    margin-left:   40px;
    font-size: 16pt;
  }

  /* td, th {
    border: 1px solid black;
  } */

/* Return misbehaving 0 margin to 40px after HTML tables */

body {
  margin-left: 40px;
}

/* Size image to fit screen */

.responsive {
  width: 55%;
  height: auto;
}

/* Try to make cell colour change */

/* */ td:hover, th:hover { background:#410a1a; color:#000; }
td:hover, th:hover { background:#7381a7; color:#000; }