.radio-color .form-check-input {
    margin-top: 0;
}

.color-preview {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    /* Or the size you want */
    height: 30px;
    /* Same as width to make it round */
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ddd;
    /* Optional border */
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    /* Optional shadow */
}

/* Label text should be vertically aligned with the color preview */
.radio-color label {
    display: flex;
    align-items: center;
}

/* .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
} */
.introText {
    text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
}