legend {
    text-align: center;
    color: #33ffc5;
}

.requiredField {
    color: #33ffc5;
}

.text-muted {
    color: #c67aff !important;
}

.btn {
    color: #33ffc5;
    border-color: #33ffc5;
    background-color: #000 !important;
}

.btn:hover {
    color: #ffb005;
    border-color: #ffb005;
    background-color: #000;
}

.btn:active {
    color: #e83e8c !important;
    border-color: #ffb005 !important;
    background-color: #000 !important;
}

label {
    color: #33ffc5;
}

.textInput {
    color: #33ffc5;
    background-color: #000 !important;
    border-color: #33ffc5;
}

.textInput:focus {
    background-color: #111;
    color: #ffb005;
    text-shadow : 0px 0px 5px #ffb005;
    border-color: #ffb005;
}

.pt-3 {
    border-top-color: #33ffc5 !important;
}

.content-section {
    width: 510px;
    height: 100%;
    margin: auto;
    padding: 20px 0px 0px 0px;
}

.form-group {
    center: auto;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #33ffc5 !important;
}

input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ffb005 !important;
}

.textInput {
    overflow:visible !important;
}

.alert-success {
    margin-top: 20px;
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
    position: block;
}

#introVideo {
    position:fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
}

video {
    object-fit: fill;
}

/* allow video to shine through bg */
html, body{
    background-color: #000000cc;
    height: 100%;
}

.alert {
    background-color: #000000cc;
}


.form-text, label, legend {
    user-select: none;
    pointer-events: none;
}

code {
    user-select: text;
}