.header {
    max-width: 100%;
}

#navbar {
    height: 25px;
    width: 100%;
}

#navbar ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: space-evenly;
}

body {
    background-color: #c9e4ff;
    font-family: Arial, sans-serif;
}

.pagetitle {
    font-size: x-large;
    text-align: center;
}

.letter {
    font-size: large;
    text-align: center;
    padding: 10px 50px;
}

.guidelines {
    line-height: 1.8;
    padding: 10px 50px;
}

.guidelines p {
    text-align: center;
}

.terms {
    line-height: 1.8;
    padding: 10px 50px;
}

.submission-done {
    background-color: #f6f3ea;
    width: 80%;
    max-width: 600px;
    border-radius: 10px;
    margin: 20px auto;
    padding: 10px 20px;
    box-shadow: 0 1px 2px gray;
}

.submission-name {
    font-size: small;
}    

.submission-form {
    background-color: #f6f3ea;
    width: 80%;
    max-width: 600px;
    border-radius: 10px;
    margin: 20px auto;
    padding: 10px 20px;
    box-shadow: 0 1px 2px gray;
}

fieldset {
    border: hidden;
    margin: 10px 0;
    padding: 10px;
    align-content: center;
}

fieldset legend {
    text-align: center;
    font-size: large
}

input:not(.reason-type-radio-btn),
textarea {
  background-color: #ffffff1a;
  width: 95%;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
}

input,
input::placeholder,
textarea {
  color: #2b1d1a;
  font-family: Arial, sans-serif;
}

.reason-type-radio-btn {
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid gray;
  vertical-align: bottom;
}

.reason-type-radio-btn::before {
  display: block;
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(0.6px, 0.3px) scale(0);
  transition: all 0.1s ease-in;
}

.reason-type-radio-btn:checked::before {
  transform: translate(0.6px, 0.3px) scale(0.75);
  background-color: #c13023;
}

.submit-btn {
    cursor: pointer;
    background-color: #c13023;
    color: whitesmoke;
    border: none;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 1rem;
    text-decoration: none;
    display: block;
    margin: auto;
}

.submit-btn:hover {
  background-color: royalblue;
}

.letter-sent {
    max-width: 30%;
}

.successful {
    text-align: center;
    font-size: large;
    padding: 40px;
}
.footer {
    max-width: 100%;
}