body {
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Inter', Arial;
}

.logo {
    height: 40px;
}

@media (max-width: 576px) {
    .logo {
        height: 30px;
    }
}

#downloadCACert {
    background-color: rgba(255, 255, 255, .5);
    border-color: rgba(45, 68, 198, .5);
    color: #2D44C6;
}

#downloadCACert:hover, #downloadCACert:active {
    color: #ffffff;
    background-color: rgb(45, 68, 198, .5);
    border-color: rgba(45, 68, 198, .5);
    opacity: 1;
}

#checkReadiness {
    background-color: rgb(45, 68, 198);
    border-color: #17243F;
}

#checkReadiness:hover {
    opacity: .75;
}

#checkReadiness.disabled {
    opacity: .50;
}

.card {
    transition: transform 0.3s ease;
}

.status {
    color: white;
}

.status.valid {
    background-color: #318f2120;
    color: #318f21;
}

.status.invalid {
    background-color: #c62d4420;
    color: #c62d44;
}

.status.unknown {
    background-color: #eee;
    color: #bbb;
}

a:link {
    color: #2D44C6;
}

a:visited {
    color: #2D44C6;
}

a:hover {
    opacity: .5;
}

a:active {
    color: #2D44C6;
    opacity: .5;
}

.w-33 {
    width: 33% !important;
}