* {
  box-sizing: border-box;
}

html,
body {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  padding: 0;
  margin: 0;
  /* Create a gradient from black to transparent */
  background: #666 linear-gradient(to top, #666, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)) no-repeat;
  background-attachment: fixed;
}

html {
  scroll-behavior: smooth;
  font-size: calc(22px + .4vw);
  line-height: 1.25em;
}

input[type="checkbox"],
input[type="radio"] {
  width: 1em;
  height: 1em;
}

li {
  padding-bottom: 1em;
}

select,
textarea,
button,
input {
  padding: .5vw;
  border-radius: .5vw;
  font-size: .9em;
}

label, a, button {
  cursor: pointer;
}

.background-orange {background-color:orange}
.text-black {color:black}
.text-white {color:white}