styles.css

body {
  background-color: rgb(5, 5, 15);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
}

label {
  font-size: 11px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#background-image {
  width: 95vw;
  height: 93vh;
  opacity: 0.25;
  position: fixed;
  background-size: cover;
  background-position: top;
  filter: blur(4px);
  transform: translate(2vw, 3vh);
}

.tibia-container {
  background-color: rgb(212, 192, 161);
  padding: 1rem 1.5rem;
  width: 80vw;
  margin: 0.66rem 0.66rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
}

.tibia-container > .options-container {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  justify-content: flex-start;
}

.tibia-container > .options-container > label:not(label:last-of-type) {
  margin-right: 2rem;
}

.tibia-container-title {
  background-color: rgb(80, 80, 80);
  padding: 0.33rem 0.66rem;
  margin: 0.66rem 0.66rem;
  color: white;
  font-size: 16px;
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  margin-bottom: -9px;
  letter-spacing: 0.75px;
}

.main-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(251, 234, 208);
  border-image: url("./images/paper_border.gif") 15 fill / 16px / 15px round;
  padding: 1.66rem;
  filter: drop-shadow(0 5px 1px rgba(0, 0, 0, 0.33));
}

.main-container > p {
  margin-top: 0;
  margin-right: 1rem;
  font-size: 12px;
  font-family: "Times New Roman", Times, serif;
  color: rgb(80, 80, 80);
  text-align: right;
}

#name-box {
  width: 60%;
  margin-right: 0.66rem;
}

#checkbox-ofWorld,
#checkbox-title {
  margin-right: 0.66rem;
  font-size: small;
  vertical-align: middle;
  height: 11px;
}

#select-WorldsType {
  margin-left: 0.66rem;
}

#btn-new-name {
  background-image: url("./images/sbutton_submit.gif");
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  width: 120px;
  height: 18px;
  border: none;
  transform: translateY(3px);
}

#btn-new-name:active {
  background-image: url("./images/sbutton_submit_pressed.gif");
  transform: translateY(4px);
  height: 18px;
}

#btn-new-name:hover {
  cursor: pointer;
}

#btn-new-name span {
  display: none;
}

.footer span {
  width: 99vw;
  font-size: smaller;
  text-align: center;
  color: darkgray;
  bottom: 0.33rem;
  position: absolute;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.66);
}

.footer a {
  text-decoration: none;
  color: orange;
  font-weight: bold;
}