main {
  display: block;
  width: 100%;
  background-color: black;
}

section {
  display: block;
  width: 100%;
}

.shadow_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: lime;
}
.shadow_container img,
.shadow_container .img_container {
  width: 85%;
  height: 27.5em;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 2em;
}

@media screen and (min-width: 1500px) {
  .shadow_container {
    padding-bottom: none;
  }
  .shadow_container img,
  .shadow_container .img_container {
    width: clamp(280px, 40vw, 800px);
    margin-bottom: 0px;
  }
}
.img_container {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 75%;
  width: 35%;
  overflow: none;
  overflow-block: clip;
}
.img_container img {
  width: 100%;
  aspect-ratio: unset;
}

.text_container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: none;
  margin-top: -0.3333333333em;
  width: 85%;
  height: 80%;
  font-size: 0.8em;
  line-height: 200%;
  font-family: sans-serif;
  font-weight: 350;
}
.text_container h2 {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 0.6em;
}
.text_container h2 span {
  font-size: 1em;
}
.text_container p {
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 1500px) {
  .text_container {
    align-items: baseline;
    max-width: 800px;
    padding-left: clamp(1em, 3vw, 5em);
    padding-right: clamp(1em, 3vw, 5em);
  }
  .text_container h2 {
    text-align: inherit;
    margin-top: 0.5em;
  }
}
.even {
  flex-direction: row;
}
.even .shadow_container {
  flex-direction: row;
}

@media screen and (min-width: 1500px) {
  .even .text_container {
    padding-right: 0px;
  }
}
.odd {
  flex-direction: row-reverse;
}
.odd .shadow_container {
  flex-direction: row-reverse;
}

@media screen and (min-width: 1500px) {
  .odd .text_container {
    padding-left: 0px;
  }
}
#pre-university .shadow_container {
  color: black;
  background-color: white;
  background-size: cover;
  background-position: 20% 7%;
}

#rowing .shadow_container {
  background-color: #002a51;
  background: linear-gradient(90deg, #002a51 0%, black 100%);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: 60%;
  background-position-x: 100%;
  color: white;
}
#rowing .shadow_container .text_container a {
  color: lightgrey;
}
#rowing .shadow_container img {
  -o-object-position: 20% 50%;
     object-position: 20% 50%;
}

@media screen and (min-width: min_screenwidth_for_section_wrap) {
  #rowing .shadow_container img {
    -o-object-position: center;
       object-position: center;
  }
}
#torjai-garcia .shadow_container {
  background: linear-gradient(90deg, black 0%, rgb(40, 0, 100) 100%);
  background-size: cover;
  background-position-y: 32.5%;
  background-repeat: no-repeat;
  color: white;
}
#torjai-garcia .shadow_container .img_container {
  flex-direction: column;
  justify-content: center;
  height: auto;
  aspect-ratio: auto;
}
#torjai-garcia .shadow_container .img_container img {
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
}
#torjai-garcia .shadow_container a {
  color: lightgrey;
}

@media screen and (min-width: 1500px) {
  #torjai-garcia .shadow_container .img_container {
    height: 79.5%;
  }
}
#uoftearless .shadow_container {
  color: black;
  background-color: white;
}
#uoftearless .shadow_container .img_container img {
  width: 100%;
  -o-object-position: 50% 30%;
     object-position: 50% 30%;
}
#uoftearless .shadow_container .img_container .secondary_image {
  display: none;
}

@media screen and (min-width: 1500px) {
  #uoftearless .shadow_container .img_container img {
    width: 41%;
  }
  #uoftearless .shadow_container .img_container .secondary_image {
    display: inline;
    width: 59%;
  }
}
#csb498 {
  background-image: url("/media/csb/microarray.jpg");
}

#csb498 .shadow_container {
  color: white;
  background-color: black;
}
#csb498 .shadow_container img {
  -o-object-position: 30% 50%;
     object-position: 30% 50%;
}
#csb498 .shadow_container a {
  color: lightgrey;
}

@media screen and (min-width: 1500px) {
  #csb498 .shadow_container img {
    -o-object-position: center;
       object-position: center;
  }
}
#present {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: black;
  background: linear-gradient(180deg, black 0%, rgb(0, 104, 133) 100%);
  padding-top: calc(min(4em, 9vh) * 3);
  padding-bottom: min(4em, 9vh);
}
#present .text_container {
  display: flex;
  justify-content: start;
  align-items: center;
  text-align: center;
  font-weight: 350;
  color: white;
}
#present .text_container h2 {
  padding: 0px;
  margin-top: 0%;
  display: inline-block;
  width: 100%;
}
#present .text_container a {
  font-family: inherit;
  color: lightgrey;
  font-size: inherit;
}
#present .text_container a i {
  font-size: inherit;
  font-family: inherit;
}

footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 90px;
  font-size: 1.5em;
}
footer a {
  margin-left: 10px;
  margin-right: 10px;
}/*# sourceMappingURL=main_sections.css.map */