body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-family-sans);
  font-size: 16px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

a {
  text-decoration: none;
  color: var(--color-blue-500);
}

button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

div.align-right {
  display: flex;
  justify-content: flex-end;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.small-text {
  font-size: 80%;
  color: grey;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}