body {
    /*background: url("login-background.jpeg") no-repeat center center fixed;
    background-size: cover;
    */
    background-color: #393838;
}

main {
    background: rgba(0,0,0,0.8);
    color: #fff;
}

    main input:not(.btn):not([type=checkbox]) {
        width: 100%;
    }

    main .btn {
        float: right;
    }



html, body {
    height: 100%;

}


#content-wrapper {
    position: absolute;
    z-index: 1 !important;
    min-width: 100%;
    min-height: 100%;
}

#particles-js {
    height: 99vh !important;
    margin: 0 auto;
    z-index: 10;
}

#background-carousel {
    position: fixed;
    margin: 0 auto;
    z-index: -1;
}

.carousel {
    position: relative;
}
.carousel, .carousel-inner {

    z-index: 0;
    overflow: hidden;
}
.carousel {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
/*.carousel-indicators{

}*/
.carousel-inner img {
    width: 100vw;
    height: 100vh;
    overflow: visible;
    object-fit: cover;

}