:root {
    --primary-color: #503291;
    --primary-color-2: #eb3c96;
}

html {
    font-family: Verdana, Arial, sans-serif;
    font-size: 17px;
    color: black;
}

h1, h2, h3, h4, h5 {
    color: var(--primary-color);
}

button {
    border-radius: 3px;
}

.logo {
    width: 250px;
    margin: 2rem 2rem 2rem 0;
}
.main-image {
    max-width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
.footer {
    margin-top: 3rem;
    border: none;
    background: #503291;
    color: white;
    text-align: right;
}
.footer a {
    color: white;
    text-decoration: none;
    font-size: .8rem;
}

input, select {
    border-color: black;
    border-radius: 3px;
}
input:focus-visible,
select:focus-visible {
     border-color: var(--primary-color);
     outline-color: var(--primary-color);
 }

label, legend {
    color: black;
}


.messages_errors {
    padding: 20px;
    font-weight: bold;
    background: #FDECEA;
    color: #B3261E;
    list-style: none;
}