:root {
    --thistle: #e2cfeaff;
    --amethyst: #a06cd5ff;
    --royal-purple: #6247aaff;
    --prussian-blue: #102b3fff;
    --dark-green: #062726ff;
}


.bg-navbar {
    background-color: var(--royal-purple);
}

.img-navbar {
    width: 160px;
    height: auto;
}

.bg-icon {
    background-color: var(--royal-purple);
}

#contactMessage {
    height: 200px;
}

.contact-style {
    background-color: var(--royal-purple);
    border-color: white;
}

.contact-style:focus {
    background-color: var(--royal-purple);
    color: white;
    border-color: white;
    box-shadow: 0 0 0 0.1rem white;
}

.contact-style:checked {
    background-color: var(--royal-purple);
    border-color: white;
}

.text-error {
    color: darkred;
}