body {
    overflow-x: hidden;
}

.main-bg {
    height: 100vh;
    width: 100vw;
}

.bg-image {
    height: 100%;
    width: 100%;
    background-image: url('../images/connect.jpg');
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(70%);
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.connect-info-card {
    width: 44%;
}

.connect-card {
    width: 55%;
}


.tool-icon {
    background-position: center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.accept-icon {
    background-image: url('../images/pumpkin-hero.jpg');

}

.realtms-icon {
    background-image: url('../images/water-bg.jpg');
}

.smash-icon {
    background-image: url('../images/hurricane-bg.jpg');
}

.csac-icon {
    background-image: url('../images/csac-logo.png');
}
.connect-auth0-btn {
    width: 50%;
    background-color: #e8542e;
}


@media  screen and (max-width: 768px) {

    .connect-info-card {
        width: 100%;
    }
    .connect-card {
        margin-top: 20px;
        width: 100%;
    }

    .connect-auth0-btn {
        width: 100%;
    }
}

.auth0-msg {
    color: #e8542e;
    font-weight: 300;
}

.auth0-icon {
    background-image: url("https://images.ctfassets.net/23aumh6u8s0i/WtIL3D91xLCC14B7qN5y5/eb2995f1c305061449cc5115822dfade/02VeCz0");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}