#Carosell{
    border-radius: 20px;
    overflow:hidden;
}
.bgimgnavbar{
    background-image: url("3.jpg"); 
    background-size:cover;
}

#containerJVMain{
padding-top:6em;
}

.jumbotronmain {
    position: relative;
    padding-top:unset;
    margin-top: -35%;
    background: rgba(0, 0, 0, 0);
}

.videoMain{
    height:610px;
    border-radius: 20px;
    transition: border-width 0.25s linear;
    overflow:hidden; 
}

.jumbotronmain:after{
    margin-bottom:100px;
}

.carousellMain{
    position: relative;
    padding-bottom: -250px;
    margin-top: 250px;

}

#outlineWhite{
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: black;
}

.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 20%;
    overflow: hidden;
}

.containerLogin{
    display: inline-block;
    margin-top:6em;
    height:600px;
    width:100%;
    justify-content: center;
    align-content: center;
    border: 2px solid aqua;
    border-radius: 20px;
    overflow:hidden;
}

#rowLoginTitle{
    background-image: url("3.jpg");
    background-size:cover;
    height:600px;
    width:auto;
    align-items:center;
    justify-content:center;
    text-align: center;
    color: black;
    border-bottom: 2px solid aqua;
    border-radius: 20px;
    overflow:hidden;
    background-color: white;
    transition: height 0.5s, justify-content 0.5s;
}
.loginMask:hover #rowLoginTitle{
    height:100px;
    justify-content:start;
}

#rowLoginForma{
    width:100%;
    height:75%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center; 
}

#rowLoginFormaItems{
    padding-left: 10%;
    padding-right: 10%;
}

#rowRegister{
    width:auto;
    height:100%;
    background-image: url("2.jpg") ;
    filter:contrast(75%);
    background-size:cover;
    align-items:center;
    justify-content:center;
    text-align: center;
}

#brightoutline{
    color: white;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: white;

}
#sidebar{
    position:flex;
    width:150px;
    min-height: max-content;
}
#buttonBackEnd{
    width: auto;
    height: auto;
    padding-top: 20px;
}

#buttonBottomBackEnd{
    width: auto;
    height: auto;
    position:fixed;
    align-items: flex-end;
    padding-top: 20px;
}

#backendNextSide{
    width:max-content;
    
}

/*Filteri*/
.contrast { filter: contrast(160%); }
.grayscale { filter: grayscale(100%); }
.brightness {filter: brightness(75%); }