body {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  background-image: url("skulls.png");
}
.wrapper{
  width:900px;
  max-width:100%;
}
form {
  align-items: flex-end;
  align-content: center;
  padding: 50px 0;
  align-items: stretch;
}
input, optgroup, select, textarea {
    border-color: rgb(128,16,79) !important;
    background: rgb(249 248 249) !important;
}
.btn.btn-primary {
    background: rgb(128,16,79);
    border-color: rgb(128, 16, 79);
    display: inline-block;
    font-size: 1.2rem;
}
.btn.btn-primary:hover {
    background: rgb(85 2 48);
}
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 .25rem rgb(189 46 119 / 25%);
}
.form-text {
    padding-bottom: 10px;
    font-size: 1rem !important;
}
.row>* {
    background: rgb(255 244 250);
    border-bottom: 1px solid #80104f17;
    border-top: 1px solid #80104f17;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.input-group-text {
    background: #80104f;
    border-color: #80104f;
    color: white;
}
.heroimage {
    width: calc(100% + 2rem);
    margin: -1rem;
    height: 20vh;
    object-fit: cover;
    object-position: left;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.heroimagetext {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0px;
    text-align: center;
    background: #80104f;
    background: linear-gradient(90deg, transparent, #80104f, transparent);
    color: white;
    font-size: 2rem;
    z-index: 1;
    padding: 10px 0;
    text-shadow: 2px 2px black;
}
.form-label {
    font-size: 1.2rem;
    font-weight: bold;
}

.alert-text {
    margin-top: 5rem !important;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem !important;
    color: #821352 !important;
}
.form-control, .form-select{
    color: #000000 !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMS4yMDEgMjkuNjc2Jz48cG9seWdvbiBwb2ludHM9JzE1LjYwMiwwIDE5LjMyNSwxMS4yNzkgMzEuMiwxMS4zMzIgMjEuNjI0LDE4LjM2IDI1LjI0MywyOS42NzYgMTUuNjAyLDIyLjczOCA1Ljk2LDI5LjY3NiA5LjU3NywxOC4zNiAwLDExLjMzMiAxMS44NzgsMTEuMjc5JyBmaWxsPScjODAxMDRmJyAvPjwvc3ZnPg==') !important;
    background-position: 99% 13px !important;
    background-size: 10px !important;
    background-repeat: no-repeat !important;
}
input::placeholder {
  opacity: 0.5 !important;
}
.form-control:not(input:required), .form-select:not(select:required) {
    /*border-color: #c3c3c3 !important;*/
    background-image:none !important;
}
.form-control:read-only{
    border-color: #c3c3c3 !important;
}