body {
  overflow-y: scroll;
  font-family: 'sans-serif';
}

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-thumb {
  background-color: #909090;
  border-radius: 10px;
  background-clip: padding-box;
  border: 4px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #606060;
  border-radius: 10px;
  background-clip: padding-box;
  border: 4px solid transparent;
}

::-webkit-scrollbar-button:vertical:start:decrement {
  display: block;
  height: 66px;
  background-color: black;
}

.form-control::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

#history-dropdown {
  --bs-dropdown-min-width: 92.08px;
  text-align: center;
}

#user-dropdown {
  --bs-dropdown-min-width: 119.2px;
}

.g_id_signin {
  height: 40px;
  width: 182px;
}

.black:hover {
  background-color: #363b41;
}

.black:active {
  background-color: #434850;
}

.red:hover {
  background-color: #dc3545;
  color: #fff !important;
}

.progress-bar {
  font-size: 20px;
  font-weight: 400;
}

#totalScore {
  font-size: 40px !important;
  font-weight: 600 !important;
}

#description,
#input,
#output {
  font-size: 113%;
  font-family: sans-serif;
  line-height: 1.8;
}

.sample-data {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  font-size: 120%;
  font-family: consolas, monospace;
  padding: 8px;
  margin: 0;
  overflow-x: auto;
  line-height: 1.3;
}

.underline {
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 3px;
}

.btn-link {
  padding: 0px;
  text-decoration: none;
}

#editor {
  height: 700px;
  border: 1px solid white;
}