body {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #ffffff;
  color: #333333;
  margin: 0;
  padding: 0;
}

a, a:link, a:visited {
  color: #587abc;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}

a:hover, a:active {
  color: #587abc;
  text-decoration: underline;
  font-weight: bold;
}

.footer {
  user-select: none;
  background-color: #00274c;
  color: #e5e5e5;
  font-size: medium;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.footer a:link, .footer a:visited {
  color: #ffcb05;
  text-decoration: none;
  font-weight: normal;
}
.footer a:hover, .footer a:active {
  color: #ffcb05;
  text-decoration: underline;
  font-weight: normal;
}

.header {
  user-select: none;
  background-color: #00274c;
  color: #eff0f1;
  font-size: x-large;
  display: flex;
  /*justify-content: space-between;*/
  justify-content: left;
  align-items: center;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.header a {
  text-decoration: none;
  font-weight: normal;
}
.header .logo {
  color: #ffcb05;
}

nav {
  font-size: medium;
  padding-left: 1em;
}
nav a {
  text-decoration: none;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-weight: normal;
}
nav a:link, nav a:visited {
  color: #e5e5e5;
}
nav a:hover, nav a:active {
  /*color: $color-text-light;*/
  color: #ffcb05;
  /*text-decoration: underline;*/
}
nav a.current {
  color: #e5e5e5;
}

.content {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 15%;
  margin-right: 15%;
}
.content h1 {
  margin-bottom: 0;
}
.content h1 .subtitle {
  padding-left: 0.5em;
  font-size: large;
  color: #555555;
}

.footnotes {
  font-size: small;
}

.main-heading {
  display: flex;
  justify-content: left;
  /*align-items: center;*/
  align-items: baseline;
}
.main-heading h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.main-heading .title {
  color: #333333;
  font-size: xx-large;
}
.main-heading .subtitle {
  padding-left: 0.5em;
  font-size: large;
  color: #555555;
}

.section {
  padding: 1%;
}
.section .title {
  background-color: #eff0f1;
  padding-left: 1%;
}
.section .body-flex {
  display: flex;
  justify-content: space-around;
}

.lecture-box {
  background-color: #ffffff;
  margin-left: 5%;
  margin-right: 5%;
  padding: 1%;
  text-align: center;
}
.lecture-box h3 {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #eff0f1;
}
.lecture-box h4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.lecture-box p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.staff-member-box {
  background-color: #ffffff;
  margin-left: 5%;
  margin-right: 5%;
  padding: 1%;
  text-align: center;
}
.staff-member-box .id {
  margin-top: 2%;
  margin-bottom: 2%;
}
.staff-member-box .id h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: x-large;
  background-color: #eff0f1;
}
.staff-member-box .id h4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-size: large;
}
.staff-member-box .id p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.staff-member-box .oh {
  margin-top: 2%;
  margin-bottom: 2%;
}
.staff-member-box .oh h4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-size: normal;
  background-color: #eff0f1;
}
.staff-member-box .oh p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-weight: bold;
}

.schedule-item .title {
  display: flex;
  justify-content: left;
  background-color: #e5e5e5;
  padding-left: 2%;
  padding-right: 2%;
}
.schedule-item .title h2, .schedule-item .title h3 {
  margin: 0;
}
.schedule-item .title .number {
  user-select: none;
  color: #555555;
}
.schedule-item .title .text {
  margin-left: 0.5em;
  color: #333333;
}
.schedule-item .body {
  display: flex;
  justify-content: space-between;
  padding-left: 2%;
  padding-right: 2%;
}
.schedule-item .body .section {
  display: inline;
  width: 45%;
}
.schedule-item .body .section .title {
  background-color: #eff0f1;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.schedule-item .body .section .resource {
  font-weight: bold;
}

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

.project-item {
  background-color: #ffffff;
  margin-left: 5%;
  margin-right: 5%;
  padding: 1%;
  text-align: center;
}
.project-item .title {
  margin-top: 2%;
  margin-bottom: 2%;
}
.project-item .title h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: x-large;
  background-color: #eff0f1;
}
.project-item .title h3 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-size: large;
}
.project-item .title p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.project-item .body {
  margin-top: 2%;
  margin-bottom: 2%;
}
.project-item .body h4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-size: normal;
  background-color: #eff0f1;
}
.project-item .body p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-weight: bold;
}

.youtube {
  align-items: center;
}

details {
  cursor: pointer;
}

summary {
  color: #587abc;
  text-decoration: none;
  font-weight: bold;
}

.videolist {
  text-decoration: none;
  font-weight: bold;
}

.empty {
  color: #333333;
}

.player {
  background-color: #333333;
  display: none;
  position: fixed;
  margin: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  padding-top: 56.25%; /* 0.5625 = 9 / 16 */
}
.player p {
  color: #e5e5e5;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  font-weight: bold;
}
.player .iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.player .infobox {
  display: inline;
  height: 2em;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 105%;
}
.player .infobox p {
  position: static;
  color: #e5e5e5;
  text-align: center;
  transform: translateY(-50%);
  font-weight: bold;
}

/*# sourceMappingURL=styles.css.map */