body {
    background-color: #d3d0ff;
    color: #000000;
}

header {
    background-color: #314fb9;
    color: white;
}

.container-lg {
    max-width: 1200px;
    padding: 20px;
    background-color: #c4f0fc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.navbar {
    background-color: #222eb4;
}

.nav-link {
    color: #c9c9c9;
}

.nav-link:hover,
.nav-link:focus {
    color: #ebebeb;
}

.nav-link:focus {
    outline: 2px solid white;
}

.navbar-brand,
.active {
    color: white !important;
}

footer {
    background-color: #dce4ea;
}

footer p {
    color: #474747;
}

.carousel-control-prev-icon {
    filter: invert(100%);
}

.carousel-control-next-icon {
    filter: invert(100%);
}

.email {
    color: #473fb0;
}

.email:hover {
    color: #26206e;
}

.skip {
    color: #dddddd;
}

.skip:hover {
    color: white;
}

.skip:visited {
    color: #f3beea;
}

.skip:visited:hover {
    color: #cac7e1;
}

.contents a {
    color: #dddddd;
}

.contents a:hover {
    color: white;
}

.contents a:visited {
    color: #f3beea;
}

.contents a:visited:hover {
    color: #bdb9d7;
}

a[target="_blank"] {
    color: #042455;
}

a[target="_blank"]:hover {
    color: #1251b0;
}

a[target="_blank"]:visited {
    color: #0c4498;
}

a[target="_blank"]:visited:hover {
    color: #0759d5;
}

.inscryption-link {
    color: #85088e;
}

.inscryption-link:hover {
    color: #ab00b8;
}

.inscryption-link:visited {
    color: #0c4498;
}

.inscryption-link:visited:hover {
    color: #0759d5;
}

img {
    color: black;
}

fieldset {
    background-color: #a4dbf8;
}

legend {
    color: black;
}

input[type="text"],
input[type="email"],
textarea {
    background-color: #81a1f0;
    color: #000000;
}

textarea::placeholder {
    color: #444;
}

#styleswitch button {
    color: white;
    background-color: #4963c3;
    border: 2px solid #6592cd;
}

details {
    color: black;
}

#styleswitch button:hover {
    background-color: #5772c1;
}

#styleswitch button:focus-visible {
    background-color: #5772c1;
}