@import "/src/styles/helpers";

.section {
  @include lightSection;
  @include regularFont;

  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: $smallGap;
  padding: 1em 0 2em;

  font-size: 1.15em;

  & > div {
    text-align: center;
  }
}

.education {
  text-align: left;
  background-color: transparentize($gray, 0.5);
  padding: 1em;
  margin: 1em;
  border-radius: $smallGap;
  box-shadow: 0.5em 0.5em transparentize($black, 0.5);

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  column-gap: $mediumGap;
  row-gap: $smallGap;


  .title {
    color: $accent_colour;
  }

  .notes {
    font-size: 0.9em;
    margin-top: 0.4em;
  }

  .otherDetails {
    margin: auto 0 auto auto;

    .location {
      display: flex;
      justify-content: space-around;
    }
  }
}