div.index-top {
  padding-top: 4.5em;
  text-align: center;
}

div.index-top-2 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-align: center;
  font-size: 1.2em;
}

h1, h2, h3 {
  font-family: 'Poppins', sans-serif;
  padding: 0;
  margin: 0;
}
h1 {
  font-size: 2.4em;
}
h2 {
  font-size: 2.0em;
}
h3 {
  font-size: 1.6em;
}

div.index-mid {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
  font-size: 1.2em;
}

input#school-search-input, select#available-schools, 
input#dept-search-input, input#input-dept, select#available-depts, 
button#select-school, button#show {
  font-size: 1em;
}
input#school-search-input, select#available-schools, input#dept-search-input, input#input-dept, select#available-depts {
  width: 30vw;
}

div#added-tags {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  position: relative;
  height: 1.5em;
}

div.dept-tag {
  font-size: 1.1em;
  background-color: #3562c4;
  border-radius: 8px;
  display: inline-block;
  padding: 5px;
  margin-left: 0.35em;
  margin-right: 0.35em;
}
div.dept-tag span.delete-cross {
  color: #bbbbbb;
}
div.dept-tag span.tag-content {
  color: #f8f8f8;
}

div.index-mid2 {
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

div.checkout {
  font-size: 1.4em;
}

div.sis-proj {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  font-size: 1.15em;
}

#map-contain {
  margin-left: auto;
  margin-right: auto;
}
#mapid { 
  height: 54vh; 
  width: 54vw;
  
  margin-left: auto;
  margin-right: auto;
}
.info-box { 
  padding: 10px; 
  font-family: sans-serif; 
}