html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Times New Roman', Times, serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: rgb(21, 22, 17);
}

button,
input,
select,
textarea {
  border: solid 1px rgb(208, 200, 181);
  box-shadow: 0 0 3px 0 rgb(208, 200, 181);
  background-color: rgb(21, 22, 17);
  color: rgb(208, 200, 181);
  font-family: 'Times New Roman', Times, serif;
  transition: all 0.3s;
}

button,
select {
  user-select: none;
  min-width: fit-content;
}

button.active {
  border: solid 2px rgb(208, 200, 181);
  box-shadow: 0 0 5px 1px rgb(208, 200, 181);
}

button.checked {
  border: solid 2px rgb(208, 200, 181);
  box-shadow: 0 0 5px 1px rgb(208, 200, 181);
  font-weight: bold;
}

button:disabled {
  border: rgb(172 162 138);
  color: rgb(116 113 106);
}

@media (any-hover: hover) {
  button:hover,
  select:hover {
    border: solid 1px rgb(208, 200, 181);
    box-shadow: 0 0 7px 1px rgb(208, 200, 181);
  }
}

button:active,
select:active {
  border: solid 1px rgb(208, 200, 181);
  box-shadow: 0 0 3px 0 rgb(208, 200, 181);
  background-color: rgb(40, 41, 37);
  color: rgb(177, 168, 146);
  transition: all 0.1s;
}

html ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  margin-left: -6px;
}

html ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgb(208, 200, 181);
}

html ::-webkit-scrollbar-track {
  border-radius: 4px;
  background: rgb(0, 0, 0, 0);
  margin: 0;
}
