.shadow-1 {
  box-shadow: 2px 2px 2px #0a3a65;
}
.shadow-2 {
  box-shadow: 4px 4px 16px #434d56;
}
.shadow-3 {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.shadow-4 {
  box-shadow: 0 24px 28px -12px black;
}
.shadow-5 {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.shadow-6 {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px 2px, rgba(0, 0, 0, 0.3) 10px 10px 3px 2px;
}
.text-shadow-1 {
  text-shadow: 2px 2px 2px #484848bf;
}
/* Body */
#contributor-body-section {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 10%;
}
/* Search - in common */
/* Search */
#contributor-search-result {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}
.contributor-search-move {
  padding: 4px;
  cursor: pointer;
}
/* Sort */
#contributor-sort-section {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.contributor-sort {
  font-size: 0.9em;
}
#contributor-search-label {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
}
/* List */
.contributor-index-section {
  position: fixed;
  max-height: 100vh;
  box-sizing: content-box;
  overflow-y: auto;
}
.contributor-index {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-right: 13px;
  cursor: pointer;
}
.contributor-index-text {
  width: 20px;
  font-size: 0.8em;
  background-color: #6089af;
  border-style: solid;
  border-color: #2b6295;
  color: #fdfdfd;
  border-width: 1px;
  padding: 5px;
  text-align: center;
}
.contributor-list {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 3em;
  margin-left: 50px;
  flex-wrap: wrap;
}
.contributor-block {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-end;
  flex-basis: 180px;
  padding: 4px 0px;
  color: #2b6295;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #95b0ca;
  justify-content: space-between;
  cursor: pointer;
}
.contributor-block:hover {
  background-color: #e9eff4;
}
.contributor-name-block {
  display: flex;
  flex-direction: row;
  gap: 0.3em;
  flex-wrap: wrap;
  scroll-margin-top: 15rem;
}
.contributor-name-first::first-letter {
  background-color: #2b6295;
  color: #fdfdfd;
  padding: 0 2px;
}
.contributor-name-block-match {
  background-color: #2b6295;
  color: #fdfdfd;
}
.contributor-name-block-highlighted {
  background-color: #ce9900;
  color: #fdfdfd;
}
.contributor-name {
  text-transform: uppercase;
}
.contributor-contribution-count {
  font-size: 0.7em;
  padding: 4px;
  border-radius: 4px;
  background-color: #4a79a4;
  color: #fdfdfd;
}
@media only screen and (max-width: 600px) {
  .contributor-block {
    flex-basis: 300px;
  }
}