styles.css

.button {
  border-radius: 10px ;
  background-color: #f84375 ;
  padding: 8px 16px;
  font-family: Verdana, Arial;
  font-size: 18px;
  cursor:pointer;
  transition-duration: 0.4s;
  color: white;
}
.button:hover {
  background-color: #e2a76f;
  color: white;
}
.bigtext {
  color: #f84375 ;
  font-size: 28px;
  font-family: Verdana, Arial;
}
.resultbox {
  width: 650px;
  height: 280px;
  background-color: lightgray;
}
.input {
  font-size: 18px;
  font-family: Verdana, Arial;
  color: blue;
  background-color: lightgray;
  padding: 4px 4px;
}
.textarea {
  font-size: 18px;
  font-family: Verdana, Arial;
  background-color: lightgray;
  color: blue;
  resize: none;
}
.label {
  font-size: 18px;
  color: white;
  font-family: Verdana, Arial, sans-serif;
}
body {
  background-color: black;
  background-image: url(ndbackimg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: absolute;
}
table, th, td {
  border: 1px solid cyan;
  border-collapse: collapse;
  background-color: gray;
  font-family: Verdana, Arial, sans-serif;
}
th, td {
  padding: 15px;
}
p {
  font-size: 18px;
  color: white;
  font-family: Verdana, Arial, sans-serif;
}
#text {
  position: absolute;
  top: 200px;
  left: 50%;
  margin: 0px 0px 0px -150px;
  font-size: 18px;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  width: 300px;
}
#barbox_a {
  position: absolute;
  top: 230px;
  left: 50%;
  margin: 0px 0px 0px -160px;
  width: 304px;
  height: 24px;
  background-color: black;
}
.per {
  position: absolute;
  top: 230px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  color: cyan;
  left: 50%;
  margin: 1px 0px 0px 150px;
  background-color: black;
}
.bar {
  position: absolute;
  top: 232px;
  left: 50%;
  margin: 0px 0px 0px -158px;
  width: 0px;
  height: 20px;
  background-color: #0099FF;
}
.blank {
  background-color: grey;
  width: 300px;
}

select {
  // A reset of styles, including removing the default dropdown arrow
  appearance: none;
  // Additional resets for further consistency
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  color: blue;
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  cursor: pointer;
  line-height: inherit;
}