/*
 * Custom translucent site header
 */

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}

p {
  font-size: 1.4vh;
}

.site-header {
  text-align: center;
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  padding: 1vh 0vw;
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
  font-size: 160%;
  font-weight: 500;
  padding: 0vh 4vw;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

#intro {
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-image: url("/static/pyramid.png");
  height: 93.2vh;
  text-align: center;
  margin: .5vw;
  justify-content: center;
  align-items: center;
}

.big-outer-pane {
  padding: 8vh 10vw 3vh 10vw;
}

.outer-pane-title {
  padding-left: 6vw;
}

.outer-pane-title > h2 {
  font-size: 3vh;
  font-weight: 700;
}

.outer-pane-title > h4 {
  font-size: 2.2vh;
  font-weight: 300;
}

.blue-pane {
  background-color: #1e7abd;
  color: white;
}

.white-pane {
  background-color: white;
  color: black;
}

.inner-pane {
  padding: 6vh 5vw;
  border-radius: 4vh;
}

#projects-list > h2 {
  font-weight: 340;
  padding-top: 3vh;
  margin-left: 1vw;
}

.courses-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.course {
  width: 45vh;
  margin: 2vh;
}

.course > img {
  width: 7vw;
}

/*
 * Extra utilities
 */

.border-top { 
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.flex-equal > * {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }
}

.overflow-hidden {
  overflow: hidden;
}


/* Turn square image to circle */
.img-circle {
    margin: auto;
    border-radius: 50%;
}