.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #e3f2fd;
}

.container-fluid {
    display: flex;
    justify-content: center;
}

#logo {
    width: 200px;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
}

body::before {
    content: "";
    background-image: url('/images/logo.png');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05;
    background-size: 80vw;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.card{
    text-align: center;
    margin: 5% 10%;
    border-color:white;
    background-color: transparent;
}

.card-title{
    font-weight: bold;
    margin: 3% auto;
    font-size: 4vw;
}

.error-icon {
    color: red;
    font-size: 8vw;
}

.valid-icon {
    color: green;
    font-size: 8vw;
}

.card-body, .list-group-flush, .list-group-item{
    background-color: transparent;
}

@media (min-width: 300px) {
    .card {
        margin: 5% 20%;
    }

    .card-title{
        font-size: 2rem;
        margin: 20px auto;
    }

    .error-icon, .valid-icon {
        font-size: 4rem;
    }
}