body {
    background: linear-gradient(135deg, #3183b9, #084067) !important;
}
  
.card h1, .card a {
    color: #0B5095 !important;
}

a {
    color: white !important;
}

.kc-logo-text span {
    display: none;
}

.kc-logo-text {
    background-image: url('../img/xpublisher.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
}

.card {
    box-shadow: 0 0 20px #000000c2;
}

input[type='checkbox']:checked {
    background-color: #0B5095 !important;
}

button {
    background-color: #0B5095 !important;
}

.external-links {
    text-align: center;
}

.external-links > span {
    position: relative;
    margin: 0 20px;
}

.external-links > span:not(:first-child)::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -20px;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #0B5095;
}